教程集 > 脚本编程 > javascript > 正文 my ie导航菜单效果

my ie导航菜单效果

发布时间：2016-11-27 编辑：jiaochengji.com

教程集为您提供my ie导航菜单效果等资源，欢迎您收藏本站，我们将为您提供最新的my ie导航菜单效果资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="colinivy" /> <title> Colinivy's world</title> <style type="text/css"> * { margin:0; padding:0; list-style:none; } body { font:normal 12px/21px 宋体; } #nav { margin:20px; width:100%; background-color:#333; } #nav li { float:left; padding:0 10px; border-right:1px solid #666; font:normal 12px/25px Arial; background-color:#333; color:#fff; } #nav li.first { border-left:1px solid #666; } </style> </head> <body> <ul id="nav"> <li class="first">蓝色理想</li> <li>蓝色理想</li> <li>蓝色理想</li> <li>蓝色理想</li> <li>蓝色理想</li> <li>蓝色理想</li> </ul> </body> <script type="text/javascript"> var obj =document.getElementById("nav").getElementsByTagName("li") ; for (var i=0;i<obj.length;i ) { obj[i].onmouseover=function (){ this.style.background="#666"; } obj[i].onmouseout=function (){ this.style.background="#333"; } }

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
导航菜单-左则多层树形下拉菜单
 js向滑动导航菜单源码
 jQuery菜单插件 Smooth Navigational Menu
7款风格新颖的jQuery/CSS3菜单导航分享
 jquery导航固定效果实例
 jquery遮罩层效果实现导航菜单代码
 jquery 遮罩层效果实现的导航菜单
 css 水平横向导航菜单效果
 jQuery右侧导航插件 Flexible Nav
css ul li实现纵向导航菜单效果

上一篇：javascript获取屏幕/显示器分辨率，以及各种高宽的检测下一篇：sougou影视导航菜单

[关闭]

my ie导航菜单效果

最近更新

浏览排行