1顶

下拉菜单自动生成特效

稿源：互联网 2022-07-15 04:36:44 点击： 2758 撤稿纠错

通过下拉菜单选择数量，然后自动生成行数，还可以查看源代码。

以下讨论的是和相关的下拉菜单自动生成特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>下拉菜单自动生成效果，sky整理收集，站长特效欢迎您。</title>
</head>
<body onload="this.document.qiksearch.select_items.selectedIndex = 4">
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=3 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示</strong></font></td></tr>
<tr><td align=left>
<script language="javascript">
// Location of this script:
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")
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
 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="站长特效" 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>');
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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>";
   message += "<br><script language="javascript" type="text/javascript">";
   message += "<br>function go()";
   message += "<br>{";
   message += "<br> if (document.selecter.select1.options[document.selecter.select1.selectedIndex].value != "none")";
   message += "<br> {";
   message += "<br>  location = document.selecter.select1.options[document.selecter.select1.selectedIndex].value";
   message += "<br> }";
   message += "<br>}";
   message += "<br></script>";
   message += "<br>";
   message += "<br><script language="JavaScript" type="text/javascript">";
   message += "<br>document.write('<form name="selecter"><select name="select1">');";
   message += "<br>document.write('<option value=none>" + this.document.qiksearch.combo_caption.value + "</option>');";
   message += "<br>document.write('<option value=none>--------------------</option>');";
    for(var i=1; i<=no_options; i++)
    {
     message += "<br>document.write('<option value="" + eval('this.document.qiksearch.linkto' + i + '.value') + "">" + eval('this.document.qiksearch.option' + i + '.value') + "</option>');";
    }
   message += "<br>document.write('</select>');";
   message += "<br>document.write('<input type="button" value="Go" onclick="go()">');";
   message += "<br>document.write('</form>');";
   message += "<br></script>";
   DispWin.document.write(message);
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
</td></tr>
</table></center>
</body>
</html>

关于下拉菜单自动生成特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016383663208.shtml方便下次再访问哦。

·上一篇： 模拟抽奖js脚本
·下一篇： 当前页面点击问题自动生成答案

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

下拉菜单自动生成特效

文章分类LIST >>返回首页

最新游戏

最新新闻