有无好的下拉菜单的代码？

benjiam 2006-02-24 10:31:18

下拉菜单我知道的只有 flash 和 div 来做
flash 不会
div 不是很好。我发现在不同的分辨率和显示效果下都会不太一样

有无好的下拉菜单代码给个网站也行啊

...全文

211 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

小小续～ 2010-06-05

打赏
举报

正在做这个，过来学习下。

超级大笨狼 2006-03-13

打赏
举报

早说啊，I have a lot of those kind menu ,All of them are coded by myself.

benjiam 2006-03-10

打赏
举报

自己up

benjiam 2006-03-06

打赏
举报

谢谢不过我不想用select
我想用http://www.spectro.com.cn/
的这种

超级大笨狼 2006-03-05

打赏
举报

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE></TITLE>
</HEAD>
<BODY >

<FORM action="" method=POST id=form1 name=form1>
<SELECT id=select1 class="wolfSelect" >
<OPTION value="1" selected>超级大笨狼</OPTION>
<OPTION value="2">每天要自强</OPTION>
<OPTION value="3">呜嗷！~~~</OPTION>
</SELECT>

<SELECT id=select2 class="wolfSelect" >
<OPTION value="1" selected>来自CSDN</OPTION>
<OPTION value="2">欢迎传播</OPTION>
<OPTION value="3">使用</OPTION>
</SELECT>

<SELECT id=select3 class="wolfSelect" >
<OPTION value="1" selected>必须有一个id</OPTION>
<OPTION value="2">还有这个样式</OPTION>
<OPTION value="3">wolfSelect</OPTION>
<OPTION value="4">就可以了</OPTION>
<OPTION value="5">firefox</OPTION>
<OPTION value="5">试验中...</OPTION>
</SELECT>

</FORM>

<SCRIPT name="wolfScript">

wolfInit();
var oPopup = window.createPopup();

function wolfInit()
{
var selects=document.getElementsByTagName("SELECT");
for(i=0;i<selects.length ;i++)
{
if(selects[i].className=="wolfSelect")
{
replaceObj(selects[i]);
}
}
}

function replaceObj(obj)
{
var iptText=document.createElement("SPAN");
iptText.style.width="100px";
iptText.style.height="20px";
iptText.style.border="1px solid lightblue";
iptText.style.fontSize="12px";
iptText.innerText=obj.options[obj.selectedIndex].text;
iptText.style.padding="2px";
iptText.style.backgroundColor="white";
iptText.id="superDullWolf" + obj.id;
iptText.style.overflow="hidden";
obj.insertAdjacentElement("beforeBegin",iptText);

var iptBTN=document.createElement("SPAN");
iptBTN.style.width="20px";
iptBTN.style.height="20px";
iptBTN.style.border="1px solid lightblue";
iptBTN.style.color="mediumblue";
iptBTN.style.cursor="default";
iptBTN.style.fontSize="12px";
iptBTN.style.marginLeft="1px";
iptBTN.style.marginTop="-2px";
iptBTN.style.paddingLeft="4px";
iptBTN.style.paddingTop="4px";
iptBTN.style.verticalAlign="middle";
iptBTN.style.backgroundColor="white";
iptBTN.innerText="▼";

obj.insertAdjacentElement("beforeBegin",iptBTN);

iptBTN.onclick=function()
{
var oPopBody = oPopup.document.body;
var HTML="<div>";
for(i=0;i<obj.options.length;i++)
{

if(i==obj.selectedIndex)
{
HTML+= "<div id='wolfSelected' style='width:120px;height:18;font-size:12px;overflow:hidden;cursor:default;";
HTML+= "border:1px solid red;'" ;
}
else
{
HTML+= "<div style='width:120px;height:18;font-size:12px;overflow:hidden;cursor:default;";
HTML+= "border:1px solid lightblue;'" ;
}
HTML+= " onmouseover='document.getElementById(\"wolfSelected\").style.border=\"1px solid lightblue\";this.style.border=\"red 1px solid\"'";
HTML+= " onmouseout='this.style.border=\"lightblue 1px solid\"'";
HTML+= " onclick='parent.document.getElementById(\"superDullWolf" + obj.id ;
HTML+= "\").innerHTML=event.srcElement.innerHTML;";
HTML+= "parent.document.getElementById(\"" + obj.id +"\").selectedIndex=" + i + ";";
HTML+= "parent.oPopup.hide();'";
HTML+= " title='" + obj.options[i].value + "'>" ;
HTML+= obj.options[i].text + "</div>";

}
HTML+="<div>";
oPopBody.innerHTML = HTML;
oPopup.show(-100, 20, 120, (i)*18, iptBTN);

}
obj.style.display="none";
}
</SCRIPT>

</BODY>
</HTML>

benjiam 2006-03-05