select框的选择导航-JS特效-爱易网页

select框的选择导航

日期：2014-05-18　浏览次数：20347 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<form name="take" >
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%"><select name="take2" size="3" style="width:200px">
        <option selected value="http://www.k688.com">爱易网</option>
        <option value="http://www.sina.com">新浪</option>
        <option value="http://www.163.com">网易</option>
          </select>

/////no need to edit below here///////////
var selected=-1
var switchit=-1
var cycle=0

function animate_go(){
if (cycle>=setframes){
document.take.take2.selectedIndex =selected
window.location=document.take.take2.options[document.take.take2.selectedIndex].value
return
}
switchit=(switchit==-1)? selected : -1
document.take.take2.selectedIndex =switchit
cycle++

setTimeout("animate_go()",100)
}

//-->
</script>
</td>
    </tr>
    <tr>
      <td width="100%"><div align="center"><input type="button"
      value="去看看>>" name="B1" onClick="selected=document.take.take2.selectedIndex;cycle=0;animate_go()"></div></td>
    </tr>
  </table>
</form>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]