javascript 实现 下拉列表的链接效果
2009-04-11 16:16
639 查看
javascript 代码如下:
<!-- 这里是实现javascript 链接效果 -->
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<!-- 这里是实现下拉链接效果 -->
<select name=select1 onChange="MM_jumpMenu('parent',this,0)">
<option selected> --友情链接-- </option>
<option value="http://www.google.cn"> --Google-- </option>
<option value="http://www.baidu.com"> --百度-- </option>
<option value="#">--我的博客 --</option>
<option value="http://www.csdn.net"> --CSDN-- </option>
</select>
<!-- 调用一个onchange 方法 -->
<!-- 这里是实现javascript 链接效果 -->
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<!-- 这里是实现下拉链接效果 -->
<select name=select1 onChange="MM_jumpMenu('parent',this,0)">
<option selected> --友情链接-- </option>
<option value="http://www.google.cn"> --Google-- </option>
<option value="http://www.baidu.com"> --百度-- </option>
<option value="#">--我的博客 --</option>
<option value="http://www.csdn.net"> --CSDN-- </option>
</select>
<!-- 调用一个onchange 方法 -->
相关文章推荐
- Javascript 生成无限下拉列表实现代码
- 下拉列表+选择+实现网页链接
- javascript实现链接单选效果的方法
- javascript实现带下拉子菜单的导航菜单效果
- Ajax实现列表无限加载和二级下拉选项效果
- ajax实现输入框文字改变展示下拉列表的效果示例
- APP中javascript+css3实现下拉刷新效果
- javascript实现列表切换效果
- 如何在SharePoint2007中实现下拉列表(DropDownList)的级联菜单效果
- javascript实现下拉列表框显示(输入拼音头显示选项)
- 用javascript 来实现动态下拉以及收起的动态效果
- 实现下拉列表效果
- jQuery实现带延迟的二级tab切换下拉列表效果
- 实现google的下拉列表效果
- javascript下拉列表中显示树形菜单的实现方法
- JavaScript解析XML实现两级级联下拉列表
- JavaScript 实现N级联动的下拉列表
- 实现google的下拉列表效果
- javascript实现的鼠标链接提示效果生成器代码
- javascript实现通过拼音首字母快速选择下拉列表