JS版下拉菜单生成器_菜单导航特效

一个简单好用的JS下拉菜单天生器，输进菜单名称、菜单项、菜单链接就会自动天生代码，直接复制代码就可使用。

<html>
<head>
<title>JS版下拉菜单天生器</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
</head>
<body onload="this.document.qiksearch.select_items.selectedIndex = 4">
<center>
<table border=1 bordercolor=blue borderlight=green>
<tr><td align=center><font size=3 color=red>效果显示</font></td></tr>
<tr><td align=left>
<script language="javascript">
// Location of this script:
// http://www.qiksearch.com/javascripts/menugen.htm
var no_options;
document.write('<table cellspacing="5" cellpadding="5" style="border:2 solid #808080" align="center"><tr><td>');
document.write('<form name="qiksearch">');
if(navigator.appName=="Microsoft Internet Explorer")
{
 document.write('<font face="verdana,arial,helvetica" size="-1" color="#000000">显示<select name="select_items" onchange="javascript:showItems(this.document.qiksearch.select_items.value)" style="font-size:8pt">');
 for(var i=1; i<=30; i++)
 {
  document.write('<option value="' + i + '">' + i + '</option>');
 }
 this.document.qiksearch.select_items.selectedIndex = 4;
 document.write('</select> 链接.<br><br>');
}
document.write('<b>下拉菜单名称:</b><br><br>');
document.write('<input type="text" value="Select" name="combo_caption" size="30" style="height:20; border:1 solid #000000">');
document.write('<br><br><b>下拉菜单内容 :</b><br><br>');
document.write('<div id="items">');
for(var i=1; i<=5; i++)
{
 document.write('Option : <input type="text" size="12" name="option' + i + '" style="height:20; border:1 solid #000000"> Link to : <input type="file" name="linkto' + i + '" size="15" style="height:20; border:1 solid #000000"><br>');
}
document.write('</div>');
document.write('<br><center><input type="button" name="qiksearch_submit" value="显示代码" onclick="display()" style="font-family:verdana,arial,helvetica; font-size:8pt; height:20; width:48%; background:#EFEFEF; border:1 solid #808080; cursor:hand"> <input type="reset" onclick="javascript:location.reload();" style="font-family:verdana,arial,helvetica; font-size:8pt; height:20; width:48%; background:#EFEFEF; border:1 solid #808080; cursor:hand"></center>');
document.write('</font></form>');

document.write('</td></tr></table>');

function showItems(n)
{
 var item_disp = "";
 for(var i=0; i<n; i++)
 {
  item_disp += 'Option : <input type="text" size="12" name="option' + (i+1) + '" style="height:20; border:1 solid #000000"> Link to : <input type="file" name="linkto' + (i+1) + '" size="15" style="height:20; border:1 solid #000000"><br>';
 }
 no_options=n;
 this.document.all.items.innerHTML = item_disp;
}

if(navigator.appName=="Microsoft Internet Explorer")
{
 no_options = this.document.qiksearch.select_items.value;
}
else
{
 no_options = 5;
}
function display() {
   DispWin=window.open('','NewWin',
   'toolbar=no,status=no,width=500,height=375')
   message="<font face=arial,verdana,helvetica size=-2 color=#000000><b>&lt;!--Made with Qiksearch MenuGen--&gt;";
   message += "<br>&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;";
   message += "<br>function go()";
   message += "<br>{";
   message += "<br>&nbsp;if (document.selecter.select1.options[document.selecter.select1.selectedIndex].value != &quot;none&quot;)";
   message += "<br>&nbsp;{";
   message += "<br>&nbsp;&nbsp;location = document.selecter.select1.options[document.selecter.select1.selectedIndex].value";
   message += "<br>&nbsp;}";
   message += "<br>}";
   message += "<br>&lt;/script&gt;";
   message += "<br>";
   message += "<br>&lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;";
   message += "<br>document.write('&lt;form name=&quot;selecter&quot;&gt;&lt;select name=&quot;select1&quot;&gt;');";
   message += "<br>document.write('&lt;option value=none&gt;" + this.document.qiksearch.combo_caption.value + "&lt;/option&gt;');";
   message += "<br>document.write('&lt;option value=none&gt;--------------------&lt;/option&gt;');";
    for(var i=1; i<=no_options; i++)
    {
     message += "<br>document.write('&lt;option value=&quot;" + eval('this.document.qiksearch.linkto' + i + '.value') + "&quot;&gt;" + eval('this.document.qiksearch.option' + i + '.value') + "&lt;/option&gt;');";
    }
   message += "<br>document.write('&lt;/select&gt;');";
   message += "<br>document.write('&lt;input type=&quot;button&quot; value=&quot;Go&quot; onclick=&quot;go()&quot;&gt;');";
   message += "<br>document.write('&lt;/form&gt;');";
   message += "<br>&lt;/script&gt;";
   
   DispWin.document.write(message);
}
</script>
</td></tr>
</table></center>
</body>
</html>

所属频道：菜单导航特效/更新时间：2010-05-22

[收藏][报错][返回列表]

JS版下拉菜单生成器_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些