简单JS-带复选框的下拉菜单
2013-10-19 13:59
351 查看
<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>
<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>
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- Web布局连载——两栏固定布局(五)
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- [div+css]晒晒最新制作专题推广页模板
- 2019年开发人员应该学习的8个JavaScript框架
- IE8开发人员工具教程(二)
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- 通过Mootools 1.2来操纵HTML DOM元素
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]