js实现带有介绍的挑选列表菜单实例

本文实例讲述了射流研究…实现带有介绍的挑选列表菜单。分享给大家供大家参考。具体如下：

带有介绍的挑选列表菜单特效代码，并不是导航菜单，这是表单中常用的下拉列表菜单，里面定义的菜单名称和链接都可以自己修改，不同的是添加了一个说明功能，鼠标点击列表中内容的时候，会浮动出本条内容的介绍，另外文本框内的内容也会跟着改变。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-info-select-menu-codes/

具体代码如下：

htmlheadtitle带有说明的导航栏/title/head discript语言='JavaScript '！-函数herfto(){ if(文档。车站表格。ref sel。选项[0]).选中){ //根据用户选定的项目窗户。位置。href='//www .JB 51。net '；} //改变本窗口的地址else if(文档。车站表格。ref sel。选项[1]).选中){ window。位置。http://。新浪。com。cn '；} else if(文档。车站表格。ref sel。选项[2]).选中){ window。位置。http://。搜狐。com '；} else if(文档。车站表格。ref sel。选项[3]).选中){ window。位置。http://。163 .com '；} else if(文档。车站表格。ref sel。选项[4]).选中){ window。位置。http://。5世纪。com '；} else if(文档。车站表格。ref sel。选项[5]).选中){ window。位置。http://。中国人。com '；} else if(文档。车站表格。ref sel。选项[6]).选中){ window。位置。href=' http://cn。雅虎。com '；} //根据可选条目，这里应该相应的增减返回真；}函数textValue(){ var stationInteger，station string station integer=document。车站表格。ref sel。selectedindex//取得选定项目的编号station StrIng=文档。车站表格。ref sel。选项[站整数]。标题/根据编号取得相应说明文件。车站表格。电台文字。value=Station StrIng }//将说明显示出来/////脚本表单名称='站表单'选择名称=' ref sel ' OnChange=' TextValue()'多重大小=' 5 '选项标题='一个提供优质脚本代码的网站'我们选项标题='相当不错的虚拟社区'新浪sinaoption title='不用说，要搜索来这里就对了'搜狐选项标题='提供免费个人主页空间'网易163选项标题='一个优秀的学生网站'世纪学苑选项标题='首创同学录，中国学生的聚会场所'中国人选项标题='世界闻名的搜索巨头'雅虎yahoo/selectpinput类型='按钮'名称='stationbutton '值='走！onClick=' herfto()' style=' background-color : # FFFFFF；边框： 1实体# 000000 ' pinput type=' text ' name=' station text ' value=' size=' 30 ' maxlength=' 35 ' style='边框： 1实体# 000000 '/form/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。