用几个Rodio组合在一起，可以用来代替水平线

作者：佚名来源：不详发布时间：2006/10/29 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<--

// create row of radio buttons

lay(20)

// set index of lamp to start animation

var current = 0

// set speed (pause in milliseconds between each movement)

var speed = 50

function lay(num) {

// assign "greater than" character to variable

var gt = unescape("%3e")

// open form

document.write("<center><FORM NAME='animation'" + gt)

// use loop to lay radio buttons down (all buttons in same group)

for (var i = 0; i < num; ++i) {

document.write("<INPUT TYPE='radio' NAME='lamps'" + gt)

}

// close form

document.write("</FORM" + gt)

}

function animate() {

// click next radio button

document.animation.lamps[current].click()

// if radio button is the last one reset variable to 0 (otherwise increment)

current = (current == document.animation.lamps.length - 1) ? 0 : ++current

// recursive call after speed milliseconds

timerID = setTimeout("animate()", speed)

}

// -->

</Script>

第二步：把“onLoad="animate()"”加在<body>标记里
例如：<body onLoad="animate()">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

阅读排行