<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
<SCRIPT language=javascript>
myWord="歡迎來看北京奧運(yùn)會(huì)" //要旋轉(zhuǎn)的文字
tmpStr="" //連接字符串
Taille=40;
wordLength=myWord.length; //獲取文本的長度
for (x=0;x<wordLength;x++)
{
//動(dòng)態(tài)添加層,設(shè)置層的ID,和每個(gè)層上顯示的文本
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); //輸出動(dòng)態(tài)div層,顯示旋轉(zhuǎn)文本
Time=window.setInterval("txtRound()",10); //使用定時(shí)器,實(shí)現(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坐標(biāo)
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)"; //實(shí)現(xiàn)顏色的變化
}
}
</SCRIPT>
</head>
<body>
</body>
</html>
旋轉(zhuǎn)式的變色文字特效
相關(guān)文章
2021年優(yōu)度成功簽約并完成泰坦凝膠官網(wǎng)
此網(wǎng)站采用標(biāo)準(zhǔn)網(wǎng)站建設(shè)方案,PC+移動(dòng)自動(dòng)轉(zhuǎn)換模式,網(wǎng)站產(chǎn)品為一款火爆的微商產(chǎn)品,也是一款男性用品。...
備案與沒備案的新網(wǎng)站老域名為什么百度都不收錄?
現(xiàn)在互聯(lián)網(wǎng)越來越難做,百度的門檻越來越高,以前新網(wǎng)站上線提交后3天就會(huì)收錄,現(xiàn)在新網(wǎng)站上線每天提交還不一定會(huì)收錄,必須結(jié)合外鏈才有效。...
做好“著陸頁”,公司銷售業(yè)績將提升一大步
當(dāng)今,一個(gè)能在用戶尋找“返回”按鈕之前抓住用戶眼球的著陸頁比以往任何時(shí)候都更有商業(yè)價(jià)值。值得慶幸的是,一個(gè)好的著陸頁面的設(shè)計(jì)過程比以往更加容易把握,訣竅在于弄清楚實(shí)現(xiàn)這個(gè)非常重要的切入點(diǎn)所需的核心要素...
什么是關(guān)鍵詞?
關(guān)鍵詞就是你向搜索引擎發(fā)出的一個(gè)指令,是讓搜索引擎幫助你查找相關(guān)信息的命令,它可以是一個(gè)字,也可以是一個(gè)詞、一句話、一個(gè)英字母、英文單詞、一個(gè)數(shù)字、一個(gè)符號(hào)等任何可以在搜索框中輸入的信息。...
什么樣的網(wǎng)站才是一個(gè)合格的SEO網(wǎng)站?
在講網(wǎng)站之前還是來介紹一下什么是網(wǎng)站,因?yàn)檫@里的學(xué)員還有很多SEO初學(xué)者,網(wǎng)站就好比是我們在某個(gè)商場、某個(gè)小區(qū)開的一個(gè)店鋪,你做生意肯定是有一個(gè)店鋪的對吧,那么網(wǎng)站就是一個(gè)互聯(lián)網(wǎng)上的店鋪,是一個(gè)虛擬的...