Js special effect dynamic transformation link

Source: Internet
Author: User
Tip: you can modify some code before running

<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] = "webpage creation tutorial"<!--第一条链接-->News [1] = "JavaScript learning"<!--第二条链接-->I = 0document. all<!--对于ie浏览器-->Tickerobject = document. all. subtickertape. stylefunction regenerate2 () {document. all<!--对于netscape浏览器,延时0.45秒调用-->SetTimeout ("window. onresize = regenerate", 450)} function update () {BgFade (0xff, 0xff, 0xff, 0 x, 0 x, 0 x );<!--动态显示颜色变化-->Document. alldocument. all. subtickertape. innerHTML = news [I]<!--显示第i条链接-->If (I<news.length-1)i++elsei=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><!--本例程实现了动态链接类--><!--颜色的动态显示--><!--链接内容的动态更替--><!--简单动画的实现方法-->
Tip: you can modify some code before running

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.