select框的选择导航

稿源：互联网 2022-04-06 00:43:17 点击： 485 撤稿纠错

选中下拉选项后点击按钮，立即跳转到对应网页，可自定义。

以下讨论的是和特效相关的select框的选择导航教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<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.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于select框的选择导航的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719202.shtml方便下次再访问哦。

·上一篇： 两种下拉菜单打开
·下一篇： 右侧展开菜单

select框的选择导航

文章分类LIST >>返回首页

最新游戏

最新新闻