限時消失的公告欄

限時消失的公告欄
    請把下面的語法貼到 <head> 與 </head>標籤之內
<style>
.hide { position:absolute; visibility:hidden; }
.show { position:absolute; visibility:visible; }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var _progressBar = new String("★☆★☆★☆★☆★☆★☆★☆");
var _progressEnd = 10;
var _progressAt = 0;
var _progressWidth = 50;
function ProgressCreate(end) {

_progressEnd = end;
_progressAt = 0;
if (document.all) { // Internet Explorer
progress.className = 'show';
progress.style.left = (document.body.clientWidth/2) - (progress.offsetWidth/2);
progress.style.top = (document.body.clientHeight/2) - (progress.offsetHeight/2);
} else if (document.layers) { // Netscape
document.progress.visibility = true;
document.progress.left = (window.innerWidth/2) - 100;
document.progress.top = (window.innerHeight/2) - 40;
}

ProgressUpdate(); // Initialize bar
}
function ProgressDestroy() {
if (document.all) { // Internet Explorer
progress.className = 'hide';
} else if (document.layers) { // Netscape
document.progress.visibility = false;
}
}
function ProgressStepIt() {
_progressAt++;
if(_progressAt > _progressEnd) _progressAt = _progressAt % _progressEnd;
ProgressUpdate();
}
function ProgressUpdate() {
var n = (_progressWidth / _progressEnd) * _progressAt;
if (document.all) { // Internet Explorer
var bar = dialog.bar;
} else if (document.layers) { // Netscape
var bar = document.layers["progress"].document.forms["dialog"].bar;
n = n * 0.55; // characters are larger
}
var temp = _progressBar.substring(0, n);
bar.value = temp;
}
function Demo() {
ProgressCreate(10);
window.setTimeout("Click()", 100);
}
function Click() {
if(_progressAt >= _progressEnd) {
ProgressDestroy();
return;
}
ProgressStepIt();
window.setTimeout("Click()", 500);
}

function CallJS(jsStr) { //v2.0
return eval(jsStr)
}
// End -->
</script>
     請把下面的語法貼到 <body> 與 </body>標籤之內

<SCRIPT LANGUAGE="JavaScript">

</script>
<form name="form1" method="post" action="">
<center>
<input type="button" name="Demo" value="Show" onClick="CallJS('Demo()')">
</center>
</form>