?? 3-3.htm
字號:
<html>
<head>
<title>動態變換的鏈接</title>
</head>
<style>
#subtickertape{; background-color:000000; position:absolute; border: 0px solid; width:110; height:15; ; font-family: "隸書"; font- size:3pt }; .subtickertapefont{; font:bold 10pt "隸書"; text-decoration:none; color:aaaaaaa; }; .subtickertapefont a{
color:ffffff; text-decoration:none; ; font-family: "隸書"; font- size: 12pt}
</style>
<body background="03.jpg" onload="if(document.all) {regenerate2();update()}">
<div id="tickertape">
<div id="subtickertape" class="subtickertapefont"></div>
</div>
<script language="JavaScript">
var speed=2000<!--更新的速度為2秒-->
var news=new Array()<!--定義矩陣-->
news[0]="<a href='#'>JavaScript下載</a>"<!--第一條鏈接-->
news[1]="<a href='#'>JavaScript學習</a>"<!--第二條鏈接-->
i=0
document.all <!--對于ie瀏覽器-->
tickerobject=document.all.subtickertape.style
function regenerate2(){
document.all<!--對于netscape瀏覽器，延時0.45秒調用-->
setTimeout("window.onresize=regenerate",450)
}
function update(){
BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);<!--動態顯示顏色變化-->
document.all
document.all.subtickertape.innerHTML=news[i]<!--顯示第i條鏈接-->
if (i<news.length-1)
i++
else
i=0<!--循環顯示-->
setTimeout("update()",speed)<!--按照設定的速度周期調用update函數-->
}
function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;<!--變量的傳遞-->
ered = red2; egrn = grn2; eblu = blu2;<!--變量的傳遞-->
inc = steps;<!--變量的傳遞-->
step = 0;<!--變量賦值-->
RunFader();<!--調用runfader函數-->
}
function RunFader() {<!--動態的顯示顏色的漸進變化效果-->
var epct = step/inc;<!--顏色變化的參量-->
var spct = 1 - epct;<!--顏色變化的參量-->
(document.all)<!--如果是netscape瀏覽器-->
tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50); }<!--周期性的變化顏色-->
step++;}
</script>
</body>
</html>
<!--本例程實現了動態鏈接類-->
<!--顏色的動態顯示-->
<!--鏈接內容的動態更替-->
<!--簡單動畫的實現方法-->?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -