jquery专业导航菜单特效代码分享

本文描述jquery的下拉菜单特效。分享给大家参考。具体如下：这是一个基于jquery的专业下拉菜单效果。蓝色风格的下拉菜单非常经典。网站是否有吸引人的导航会影响用户的长期停留时间，就像边肖编辑的文章内容影响朋友的长期访问时间一样。每个人都应该学习如何建立一个具有自己网站风格的导航菜单。运行渲染：查看效果并下载源代码。

提示：如果浏览器工作不正常，可以尝试切换浏览模式。密钥代码：

stu hover=function(){ var cssrrule；var newSelectorfor(var I=0；I document . style sheets . length；I)for(var x=0；x document . style sheets[I]. rules . length；x){ CSsRule=document . style sheets[I]。规则[x]；if(CSS rule . selector text . indexof(' li: Hover ')！=-1){ newSelector=CSS rule . selector text . replace(/li: hover/gi，' Li . ie hover ')；document.styleSheets[i]。addRule(newSelector，cssrrule . style . cssstext)；} } var getElm=document . getelementbyid(' nav ')。getElementsByTagName(' LI ')；for(var I=0；igetElm.lengthi ) {getElm[i]。onmouseover=function(){ this . class name=' ie hover '；}getElm[i]。onmouseout=function(){ this . class name=this . class name . replace(new RegExP(' ie hover \ \ b ')，' ')；} } } if(window . attachevent)window . attachevent(' onload '，StuHover)；为大家分享的jquery professional下拉菜单特效代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8' /titlejquery专业的下拉菜单特效/title meta name=' Author ' content=' Stu Nicholls '/link rel='样式表type=' text/CSS ' href=' pro _ drop _ 1/pro _ drop _ 1。CSS '/script src=' http : pro _ drop _ 1/StuHover。js ' type=' text/JavaScript '/script/head dy span class=' preload 1 '/span span class=' preload 2 '/span ul id=' nav ' Li class=' top ' a href=' # ' href=' # '螺旋安装/a/li /ul /li /ul /li lia href='# '闪光枪/a/li lia href='# '三脚架/a/li lia href='# '过滤器/a/Li/ul/Li class=' top ' a href=' # nogo 22 ' id=' services ' class=' top _ link ' span class=' down ' services/span/a ul class=' sub ' lia href=' # ' Printing/a/Li lia href=' # ' lia href=' # '卡迪夫/a/li lia href='# '贝尔法斯特/a/li /ul /li lia href='# '法语/a/li lia href='# '德语/a/li lia href='# '西班牙语/a/li /ul /li lia href='# '澳大利亚人/a/li lia href='# '亚洲人/a/li /ul /li lia href='# '购买/a/li lia href='# '摄影师/a/li lia href='以上就是为大家分享的jquery专业的导航菜单特效代码，希望大家可以喜欢，并应用到实践中。