圍繞旋轉(zhuǎn)的文字跳舞

2011-09-27 文本操作 ℃

<title>文字圓舞曲</title>
</head>

<body>

<BODY onload=setVariables(),moveLetters() vLink=#0000ff ;>
<script language=JavaScript>
function setVariables(){
                if (navigator.appName == "Netscape") h=".left=", v=".top=",dS="document.",sD="";
                 else        h=".pixelLeft=",v=".pixelTop=",dS="",sD=".style";}
var y = 200;
var x = 300;
var inc=0;
var X = 250;
var Y = 150;
function moveLetters() {
        for ( j = 0 ; j <26 ; j++ ) {
                objectX="object"+j
        eval(dS + objectX +sD + v + (Y + Math.cos((20*Math.sin(inc/20))+j*70)*y*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));
        eval(dS + objectX + sD + h + (X + Math.sin((20*Math.sin(inc/20))+j*70)*x*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));
}
inc+=.2;
setTimeout("moveLetters()", 1);
}
</script>
<div   class="wa7kbqe"   id=object0
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>歡</FONT></DIV>
<div   class="r94dw4g"   id=object1
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>迎</FONT></DIV>
<div   class="2wtjbsf"   id=object2
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>訪</FONT></DIV>
<div   class="g4atolc"   id=object3
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>問</FONT></DIV>
<div   class="uy4mbnd"   id=object4
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>我</FONT></DIV>
<div   class="oo7jasj"   id=object5
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>的</FONT></DIV>
<div   class="ddu7aoh"   id=object6
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>站</FONT></DIV>
<div   class="ehuizny"   id=object7
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>點(diǎn)</FONT></DIV>
<div   class="qqgxrmx"   id=object8
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>J</FONT></DIV>
<div   class="nrkctke"   id=object9
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>A</FONT></DIV>
<div   class="iizu4oi"   id=object10
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>V</FONT></DIV>
<div   class="72kzo2h"   id=object11
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>A</FONT></DIV>
<div   class="3bs44r2"   id=object12
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>八</FONT></DIV>
<div   class="nngvofs"   id=object13
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>爪</FONT></DIV>
<div   class="bdoe73m"   id=object14
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>魚</FONT></DIV>
<div   class="dh7tj9f"   id=object15
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>永</FONT></DIV>
<div   class="xaohukw"   id=object16
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>做</FONT></DIV>
<div   class="yaslevl"   id=object17
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>你</FONT></DIV>
<div   class="t7zqkat"   id=object18
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>的</FONT></DIV>
<div   class="vypivqd"   id=object19
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>好</FONT></DIV>
<div   class="nskxsoi"   id=object20
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>朋</FONT></DIV>
<div   class="aancriu"   id=object21
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>友</FONT></DIV>
<div   class="tvtulap"   id=object22
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>期</FONT></DIV>
<div   class="99ohwp7"   id=object23
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>待</FONT></DIV>
<div   class="449u4w9"   id=object24
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>光</FONT></DIV>
<div   class="ji22n4x"   id=object25
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>臨</FONT></DIV>

</body>

</html>

相關(guān)特效代碼: 圍繞鼠標(biāo)的立體旋轉(zhuǎn)文字12/25; 圍繞鼠標(biāo)的立體星環(huán)（摩天輪）12/25; 鼠標(biāo)跟隨的漂亮旋轉(zhuǎn)文字12/19; 3D旋轉(zhuǎn)的立方體特效代碼11/26; 非�？岬男D(zhuǎn)導(dǎo)航菜單11/23

熱門特效代碼: 輸入框的文字閃爍變色引人注意; 純CSS內(nèi)頁內(nèi)容切換選項(xiàng)卡; 鼠標(biāo)經(jīng)過鏈接顯示注釋旋轉(zhuǎn)風(fēng)火輪; 指向自動選擇的輸入框; 放大鏡鏈接效果; 帶注釋的鏈接特效; 文字閃爍效果; 帶注釋的鏈接特效代碼; 點(diǎn)擊文字顯示隱藏鏈接; WEB2.0圓形邊框css做法

推薦特效代碼: 字符連續(xù)消隱; 文字變色逐個出現(xiàn); 段落文字百葉窗效果輸出; 點(diǎn)擊文字顯示隱藏鏈接; 文字由小變大由大變小（動態(tài)變化; 文字來回上下移動或跳動