您还不是vip会员或者没有登录，无法进入学习，请登录后访问或者联系站长升级会员等级！
为了能给大家提供更好的服务和视频教程，本站VIP课程需要收取一定的学费，具体收费标准根据不同的班级课程和有效期长短有所不同，具体请咨询在线老师，多谢您对本站的支持！
js脚本教程44：如何使用js脚本制作下拉菜单
<html>
< head>
< title>如何制作js下拉菜单</title>
< style type="text/css">
.menu1{ width:200px; height:20px; background-color:#FF6600; text-align:center; padding:10px;}
.menu2{ width:200px; height:auto; background-color:#FFFF99; text-align:center; padding:10px; line-height:24px;}
< /style>
< /head>
<body>
<p id="p2">零起点视频教程网</p>
<div id="menu1" class="menu1" onmouseover="obj(‘menu2‘).style.display=‘block‘" onmouseout="obj(‘menu2‘).style.display=‘none‘"><a href="">平面设计</a></div>
<div id="menu2" class="menu2" style="display:none" onmouseover="obj(‘menu2‘).style.display=‘block‘" onmouseout="obj(‘menu2‘).style.display=‘none‘">
<a href="">photoshop教程</a><br />
<a href="">AICS6教程</a><br />
<a href="">CorelDraw教程</a><br />
</div>
<script type="text/javascript">
function obj(id){
return document.getElementById(id);
}
</script>
< /body>
< /html>
上一讲：js脚本教程43：使用js隐藏和显示html对象 | 下一讲：js基础教程45：html中js事件概述
 |
豫公网安备 41010202002486号 | ICP备案：豫ICP备18044432号-1 |
QQ在线咨询 
