鼠标经过显示二级菜单js特效
2013-08-13 00:00
791 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title>鼠标经过显示二级菜单js特效</title> </head> <body> <a href="http://www.jb51.net" onMouseover="showit(0)">脚本之家</a> | <a href="http://play.jb51.net" onMouseover="showit(1)">播放器之家</a><br> <div id="describe" style="width:600px;height:40px; margin-top:10px;" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div> <script language="JavaScript1.2"> var submenu=new Array() submenu[0]='<b><a href="http://www.jb51.net/">脚本之家</a> | <a href="http://play.jb51.net">播放器之家</a> | <a href="http://sc.jb51.net/">素材之家</a> | <a href="http://mingzi.jb51.net/">个性名字网</a> | <a href="http://office.jb51.net/">Office之家</a></b>' submenu[1]='<b><a href="http://www.jb51.net/">脚本之家</a> | <a href="http://play.jb51.net">播放器之家</a> | <a href="http://sc.jb51.net/">素材之家</a> | <a href="http://mingzi.jb51.net/">个性名字网</a></b>' var delay_hide=500 var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : "" function showit(which){ clear_delayhide() thecontent=(which==-1)? "" : submenu[which] if (document.getElementById||document.all) menuobj.innerHTML=thecontent else if (document.layers){ menuobj.document.write(thecontent) menuobj.document.close() } } function resetit(e){ if (document.all&&!menuobj.contains(e.toElement)) delayhide=setTimeout("showit(-1)",delay_hide) else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhide=setTimeout("showit(-1)",delay_hide) } function clear_delayhide(){ if (window.delayhide) clearTimeout(delayhide) } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } </script> </body> </html></td> </tr> </table>
相关文章推荐
- 鼠标经过显示二级菜单的js特效
- 鼠标经过显示二级菜单js特效
- JS-鼠标经过显示二级菜单
- query二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- JS实现超精简响应鼠标显示二级菜单代码
- JS实现超精简响应鼠标显示二级菜单代码
- Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- mm_menu.js(实现鼠标移入横向显示二级菜单效果)(1)
- mm_menu.js(实现鼠标移入横向显示二级菜单效果)(2)
- jQuery鼠标经过显示二级导航菜单(用less写的)
- javascript鼠标滑过显示二级菜单特效
- javascript 特效实现(3)—— 鼠标滑过显示二级菜单效果
- mm_menu.js(实现鼠标移入横向显示二级菜单效果)
- Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- PHPCMS V9 导航条联动二级菜单(配合js css鼠标移动上去向下弹出显示二级菜单)
- jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类
- 一款利用css3的鼠标经过动画显示详情特效的实例教程
- (转)Arcgis for Js之鼠标经过显示对象名的实现