<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<SCRIPT language=javascript>
myWord="歡迎來看北京奧運會" //要旋轉(zhuǎn)的文字
tmpStr="" //連接字符串
Taille=40;
wordLength=myWord.length; //獲取文本的長度
for (x=0;x<wordLength;x++)
{
//動態(tài)添加層,設(shè)置層的ID,和每個層上顯示的文本
tmpStr=tmpStr + '<DIV Id=L' + x + ' STYLE="width:3;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0">' + myWord.charAt(x) + '</DIV>'
}
document.write (tmpStr); //輸出動態(tài)div層,顯示旋轉(zhuǎn)文本
Time=window.setInterval("txtRound()",10); //使用定時器,實現(xiàn)文本的不斷旋轉(zhuǎn)
Alpha=5;
I_Alpha=0.05;
function txtRound()
{
Alpha=Alpha-I_Alpha; //類似步長的功能
for (x=0;x<wordLength;x++){
Alpha1=Alpha+0.5*x;
Cosine=Math.cos(Alpha1);
Ob=document.all("L"+x); //獲取指定的層
Ob.style.posLeft=100+100*Math.sin(Alpha1)+50; //設(shè)置div的x坐標
Ob.style.zIndex=20*Cosine; //設(shè)置層的層疊順序
Ob.style.fontSize=Taille+25*Cosine; //設(shè)置層的字體
Ob.style.color="rgb("+ (27+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)"; //實現(xiàn)顏色的變化
}
}
</SCRIPT>
</head>
<body>
</body>
</html>
旋轉(zhuǎn)式的變色文字特效

相關(guān)文章
2021年優(yōu)度成功簽約并完成泰坦凝膠官網(wǎng)
此網(wǎng)站采用標準網(wǎng)站建設(shè)方案,PC+移動自動轉(zhuǎn)換模式,網(wǎng)站產(chǎn)品為一款火爆的微商產(chǎn)品,也是一款男性用品。...
備案與沒備案的新網(wǎng)站老域名為什么百度都不收錄?
現(xiàn)在互聯(lián)網(wǎng)越來越難做,百度的門檻越來越高,以前新網(wǎng)站上線提交后3天就會收錄,現(xiàn)在新網(wǎng)站上線每天提交還不一定會收錄,必須結(jié)合外鏈才有效。...
做好“著陸頁”,公司銷售業(yè)績將提升一大步
當今,一個能在用戶尋找“返回”按鈕之前抓住用戶眼球的著陸頁比以往任何時候都更有商業(yè)價值。值得慶幸的是,一個好的著陸頁面的設(shè)計過程比以往更加容易把握,訣竅在于弄清楚實現(xiàn)這個非常重要的切入點所需的核心要素...
什么是關(guān)鍵詞?
關(guān)鍵詞就是你向搜索引擎發(fā)出的一個指令,是讓搜索引擎幫助你查找相關(guān)信息的命令,它可以是一個字,也可以是一個詞、一句話、一個英字母、英文單詞、一個數(shù)字、一個符號等任何可以在搜索框中輸入的信息。...
什么樣的網(wǎng)站才是一個合格的SEO網(wǎng)站?
在講網(wǎng)站之前還是來介紹一下什么是網(wǎng)站,因為這里的學員還有很多SEO初學者,網(wǎng)站就好比是我們在某個商場、某個小區(qū)開的一個店鋪,你做生意肯定是有一個店鋪的對吧,那么網(wǎng)站就是一個互聯(lián)網(wǎng)上的店鋪,是一個虛擬的...