Tumble navigation

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

<html><head><title>Tumble navigation</title><style type="text/css"><!--body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }--></style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script><!--////定义图片的宽度和高度,所有的图片要有相同的尺寸;var imgwidth=400var imgheight=60//下面定义了包含2个图片的数组,数组的下标从0开始,你可以增加任意的图片,按照顺序增加即可,注意相应增加数组下标。var imgname=new Array()imgname[0]="images/flag.gif"imgname[1]="images/developer.gif"//下面定义图片的url,如果不需要url,将连接值设置为"#";var imgurl=new Array()imgurl[0]="#"imgurl[1]="#"// 先预读图片,不要修改这里;var imgpreload=new Array()for (i=0;i<=imgname.length-1;i++) {imgpreload[i]=new Image()imgpreload[i].src=imgname[i]}var pause=2000//图片的显示速度,数值小速度快;var speed=20//下面的参数也会影响图片显示的速度,数值小速度快;代表2个图片的显示间隔。var step=10//不要修改下面的代码;var i_loop=0var i_image=0function stretchimage() {if (i_loop<=imgwidth) {if (document.all) {imgcontainer.innerHTML=""}i_loop=i_loop+stepvar timer=setTimeout("stretchimage()",speed) }else {i_loop=imgwidthclearTimeout(timer)imgcontainer.innerHTML=""var timer=setTimeout("shrinkimage()",pause)}}function shrinkimage() {if (i_loop>=0) {if (document.all) {imgcontainer.innerHTML=""}i_loop=i_loop-stepvar timer=setTimeout("shrinkimage()",speed) }else {i_loop=0clearTimeout(timer)changeimage()}}function changeimage() {i_image++if (i_image>=imgname.length) {i_image=0}if (document.layers) {document.imgcontainer.document.write("")document.imgcontainer.document.close()} stretchimage()}// --></script><style>.containerstyle {position:absolute;left:140px;top:125px;}</style></head><body onLoad="stretchimage()"><br><br><center><font color=red face="隶书" size=6>Tumble navigation</font></center><br><center><table border=0 bordercolor=blue borderlight=green><tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>The script display area is as follows:</strong></font></td></tr><tr><td align=center width=600 height=80> </td></tr></table></center><br><br><center></center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></body></html>
Tip: you can modify some code before running
Related Article

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.