本文实例讲述了jQuery实现闪光效果上下翻动的中英文导航菜单代码。分享给大家供大家参考。具体如下：

这是一款jQuery实现闪光效果鼠标感应式的翻动导航菜单，支持中英文切换，所使用的jQuery类库版本为1.3.2。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/jquery-flash-style-sx-cha-Chen-menu-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head titlejquery仿闪光鼠标感应式翻动的导航菜单/title meta http-equiv=' content-type ' content=' text/html；charset=GB 2312 '样式类型=' text/CSS '正文{ width :100%；高度：100%;余量：0划水：0;背景： URL(图片/BG。gif)重复-x顶部中心；font-size :12 pxcolor: # 616161}a，a:link，a:visited，a : active { color : # 616161；文本装饰：无；} a :悬停{ text-decoration :下划线；color : # 710075 } # body { width :100%；float:left}。index _ top { width:930px高度：126 px位置：相对；z索引：1;}不重复0 0;位置：绝对；top:46pxleft:41pxz指数：50;} # index _ nav { margin 336082 px 0；float : leftisplay : inline } # index _ nav ul { float : lefttheight :34 pxdisplay : inline余量0 0 0px列表样式-:型无；} # index _ nav Li { float : leftheight :34 px宽度宽度：100 px font-size :13 px；font-family : verdana线高：34 px文本对齐：居中；光标：指针指针；color : # fff } # index _ nav _ cases a，#index_nav_cases a:link，#index_nav_cases a:visited，# index _ nav _ cases a : active { color : # fff；} # index _ nav _ cases a :悬停{ text-decoration : none} # index _ nav Li div { height :34 px；宽度宽度：100像素飞越：隐藏；位置：相对；}#index_nav li div .n1，#index_nav li div。N2 {显示器：块；高度：34px宽度宽度：100像素位置：绝对；top :0 pxleft :0 pxcursor :指针指针；} # index _ nav Li div。n1 { z-index :12背景： URL(图片/nav _ BG。gif)重复-x顶部中心；font-size :13 px} # index _ nav Li div。N2 { z指数：11；背景： URL(图片/nav _ BG。gif)重复-x顶部中心；} # index _ nav Li div a { color : # fff；} # index _ nav Li div a :悬停{ text-decoration : none}/style脚本类型=' text/JavaScript ' src=' http : jQuery 1。3 .2 .js '/script脚本类型=' text/JavaScript ' jQuery(function(){ jQuery(' index _ nav Li ')).悬停(function(){ jQuery(this)).find('.n1 ').停止()。animate({ opa city 3360 ' 0 '，top : ' 43px ' })；}，function(){ jQuery(this).find('.n1 ').停止()。动画({ opacity: ' 1 '，top : ' 0px ' })；} );});/script/head dyspan style=' color : # FFFFFF；'友情提示：若提示网页有错或看不到效果，请刷新网页后再试！/span br div id=' body ' div id=' index _ content ' div class=' index _ top ' div id=' index _ nav ' ul Li id=' index _ nav _ about ' div span class=' n1 '关于/spanspan class='n2 '关于/span/div/Li Li id=' index _ nav _ service ' div span class=' n1 '服务/span class=' N2 '服务/span/div/Li Li id=' index _ nav _ cases ' diva href=' # ' span class=' n1 '案例/span span class=' N2 ' Cases/span/a/div/Li Li id=' index _ nav _ adva ' div span class=' n1 '优势/spanspan class='n2 '优点/span/div/Li Li id=' index _ nav _ contact ' div span class=' n1 '联系联系方式/联系方式/联系方式/联系方式/联系方式/联系方式/联系方式/联系方式/联系方式/联系方式希望本文所述对大家的jQuery程序设计有所帮助。