查看完整版本: 立体旋转文字

qianhong 2009-10-11 08:18

立体旋转文字

<DIV style="position:relative; top:20px; left:120px; width:500px; height:260px; overflow: hidden">X#Y}p'ze{ x
r1`3c[,VV8P(\c
<SCRIPT language=javascript>
+G/Mo~SS] //luxiaoqing
_&gOU(MC$m Phrase="祝 你 生 日 快 乐"?L{&{9{2iF'|
Balises=""
'v)eC&HY&Y Taille=40;5sS/JEU'h
Midx=100; \6Pm q/e_
Decal=0.5;
J7k _:O OH Nb=Phrase.length;
iC8vllE:pF y=-10000;
$X9ghX },a for (x=0;x<Nb;x++){
bXd mK7QT F6d#F4]   Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;font-family: Courier New; font-weight:bold;position:absolute;top:120;left:50;z-index:0">' + Phrase.charAt(x) + '</DIV>'?e,kL0a%t/n:{_
}
Sh?W;aK document.write (Balises);H0|_n~^|9GA
Time=window.setInterval("Alors()",10);
m#Ot!Bq-L Alpha=5;$F u2F.x0Z4h^N
I_Alpha=0.05; LgtzQ[O
w bT [ D.X dU
function Alors(){
+b.k:p5LCL%hdi Alpha=Alpha-I_Alpha;S3i&S&D.l(Yis
for (x=0;x<Nb;x++){]F;`-t*sgE3s
  Alpha1=Alpha+Decal*x;
+ij)~Kb T4\#B^'wk C   Cosine=Math.cos(Alpha1);
|`,w$B8ycp,N   Ob=document.all("L"+x);&CC-q4Ae1b
  Ob.style.posLeft=Midx+100*Math.sin(Alpha1)+50;
c7{'s0b1Du   Ob.style.zIndex=20*Cosine;
pf%F1p5a#q d   Ob.style.fontSize=Taille+25*Cosine;
A'u-m xO"~%Q[ z A%b'k   Ob.style.color="red"
O[&I {lX,Qja }b4Wk~ev!{,n:b
}
(VqxRrspttL
$IY N+Zh#zM l~ </SCRIPT>dB*~$v h

Hh"I+LqmdiN </DIV>'gO8o|1_H#tGS
"u@"__4E!h B-}i#hT
[[i] 本帖最后由 qianhong 于 2009-10-11 08:33 编辑 [/i]]

qianhong 2009-10-11 08:28

文字波浪形跳跃

<br><br><br>
H@I h$`/Nh)k^ <script language="JavaScript1.2">*mS)L2`e&vm
//configure message
4dO%^`j HjB message="欢迎各位光临简单音乐论坛! "vh,|F7` p5rtp
//animate text in NS6? (0 will turn it off).@2j)l~+}%u`
ns6switch=1
N^'Yd0o t 1bzHd+z#Y
var ns6=document.getElementById&&!document.all
/F']&SOP(QA mes=new Array();
jT0X8XE:Xp mes[0]=-1; }L-vb7uUd
mes[1]=-4;K^0AaS`E*s
mes[2]=-7;mes[3]=-10;
s}:O'S7rm mes[4]=-7;"A rLe(Fu0h O
mes[5]=-4; L~ s3S9v H
mes[6]=-1;Ja,] dcJ2G i.m0`2D
num=0;9HN?"V`Yz
num2=0;
y-Sp-\3v`P txt=""; t}$XRbe
function jump0(){2m OP&i,qx8Gf
if (ns6&&!ns6switch){WRd7T A C!NAg `
jump.innerHTML=messageWd!A2a;v
return*Xe)C@YR{!Hiw
}
v5FW?7s)C3Y if(message.length > 6){
FSpgk-Q for(i=0; i != message.length;i++){/g+|wkG g
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
@9E6B4pa$?5D jump.innerHTML=txt;
bp^8Z)z2S txt="";
5M K-W&v+n&C jump1a() MX+^A1YMI;J C
}
Oqw,b)U c| else{
;r}d8FM N9b alert("Your message is to short")^'v4[/pF
}^GIpwE
}
L:O8g)n%pLQ6Q }`'ZgdI.BC"u1y$z w*fj
function jump1a(){O+t"|l]#w i
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0GFxZe_
nfinal.style.left=-num2;
#a8k&R,v6E&Rg,aLod if(num2 != 9){@SYb]/C Bi
num2=num2+3;
@mK%G.bZ qu setTimeout("jump1a()",50)
r+w)}3kezI0U }5t ~6i9GC%QLv+B
else{D.~0\8YH R!_0R_^
jump1b()-?;G ]U'h*K@9i mJ
}^ } Vu8uz
}
m!tR$TvoI *YR(J+T}e;r
function jump1b(){(f+b:OA?Uq5r
nfinal.style.left=-num2;_i'?*R ? vN7F*T
if(num2 != 0){num2=num2-3;]8~4T/V,ii9y0C!Gub
setTimeout("jump1b()",50)~4eIi-h+t$`P
}
!Q(Up?SR else{&{0|9N5A"j/R0U
jump2()
x|GOCWU }
k"d5u'Q]],d4f6A q })H9_Qtf [kx
0_/G?iF$X:AM7VN
function jump2(){
$gu%e9? ^D txt="";
`d(a6]W+].dN for(i=0;i != message.length;i++){?3@9[Hq-B;e8o
if(i+num > -1 && i+num < 7){\n7`#nji
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
E6x&Wl R_*p.Hs }
X0^;Ga,n else{txt=txt+"<span>"+message.charAt(i)+"</span>"}8}4S)Vne+^e/vPpC
}d6S`_z4E g _gm
jump.innerHTML=txt;1B ss2kmW%@
txt="";R|+L#w j
if(num != (-message.length)){`hu^ |]
num--;
/S5HD~$t setTimeout("jump2()",50)}eg1d5y?jK
else{num=0;6i&h k {6w c
setTimeout("jump0()",50)}}$y,D/`Jf6n X/Y
</script>+r Q1| hjDT$M h3V
<h2><div id="jumpx" style="color:red"></div></h2>1~-Uk%o^ T$q
<script>
f@4]E7f"OHL^ if (document.all||document.getElementById){ TF8VPnkg)w?
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx0sycI/n
jump0()W7x-n&w-\Yt
}
/yU0YA3`&dy else
Ycd#SI document.write(message)B4l~ w&qW
</script>
)@Dx9X5OXZ q <br><br><br>
ae:_A U%v
5P/E%p!~] KA }4I [[i] 本帖最后由 qianhong 于 2009-10-11 08:35 编辑 [/i]]

简单-爱 2009-10-25 14:39

学习学习,用到实际当中

依然饭太稀 2009-11-17 13:35

//luxiaoqingrE)q,J_T1q
Phrase="祝 你 生 日 快 乐"
%vx~v${?ULMQ Balises=""x$L Xo0M}"V$o3A
Taille=40;
;C J+Pm1Je8U_!D:?)I)w:Q Midx=100;
3V-hc;t4ia Decal=0.5;z;oNF1a }+k?$N
Nb=Phrase.length;8F\#A)A$M%e|I |F6qA
y=-10000;#Z{@*W5d
for (x=0;x [/quote]
页: [1]
查看完整版本: 立体旋转文字