下拉菜单的新型选择方式-菜单导航特效

文章内容

八 30th, 2009下拉菜单的新型选择方式-菜单导航特效

欢迎光临乱舞春秋网页脚本特效中心，点击运行按钮演示特效：

要完成此效果需要两个步骤 第一步：把如下代码加入到<head>区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function promptSearch (thisform, thisfield) { var elnum = parseInt(-1); var k = parseInt(-1); for (var j = 0; j < document.forms[thisform].elements.length; j ) { if (document.forms[thisform].elements[j].name == thisfield) { elnum = j; break; } } var myvar = ""; var srch = ""; var menuLength = ""; menuLength = eval("document." thisform "." thisfield ".length"); srch = prompt("输入搜索表单内容...", ""); if (srch ) { srch = srch.toUpperCase(); for (var i = 0; i < menuLength; i ) { myvar = eval("document." thisform "." thisfield ".options[" i "].text.toUpperCase()"); if (myvar.indexOf(srch) >= 0) { document.forms[thisform].elements[elnum].options[i].selected = true; break; } } } return false; } // End –> </script> 第二步：把如下代码加入到<body>区域中 <form name=myform action=""> <select name=menu1 size=1 onFocus="promptSearch(this.form.name, this.name)"> <option>a1 <option>a2 <option>a3 <option>a4 <option>a5 <option>a6 <option>a7 <option>a8 <option>a9 <option>a10 <option>a11 <option>a12 <option>a13 <option>a14 <option>a15 </select> </form> <a href="http://www.20blog.cn/Dev/HTML/jsrun/">欢迎访问乱舞春秋网页特效集</a>

20% off Hosting at GoDaddy.com - World's largest Web host!
Domain Sale! $7.49 .com at GoDaddy
声明：本文发表于乱舞春秋(www.20blog.cn),转载请注明出处：http://www.20blog.cn/2009/08/315.html，谢谢！有任何问题请联系QQ37750965

标签: 鼠标,