现在的位置: 首页 > 综合 > 正文

简单JS-带复选框的下拉菜单

2012年09月26日 ⁄ 综合 ⁄ 共 522字 ⁄ 字号 评论关闭
<HTML>
<HEAD>
<TITLE>带复选框的下拉菜单</TITLE>
</HEAD>
<body  >
<div  id=haiwa style="background-color: #EEEEEE; border: 1 solid #000000;
 width: 130; height: 25;overflow:auto" onmouseover=this.style.height="130"; onmouseout=haiwa.style.height='25';>
<SCRIPT language=JavaScript>
var i=0;
for(i=1;i<20;i++)
{
document.write("<div style=\"height:25px;cursor:default;font-family: Tahoma; font-size: 12px; "+
"font-weight: bold\"  ><input type='checkbox' style='height:15px;' name='ck' id=ck"+i+"><label for='ck"+i+"'>第"+i+"项</label></div>");
}
</SCRIPT>
</div>
</body>
</html>

抱歉!评论已关闭.