jquery实现仿闪光的横向滑动菜单效果代码

本文实例讲述了jquery实现仿闪光的横向滑动菜单效果代码。分享给大家供大家参考。具体如下：

这是一个仿闪光的jquery滑动菜单，横向，延时效果明显，如果觉得延时太长的话，自己可以修改参数，通过这个菜单主要是想向大家掌握一些jQuery生成动画的技巧，同时这也是jquery强大功能的体现。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/jquery-f-flash-style-move-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 ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title再发一个仿闪光的jquery滑动菜单，横向/title脚本类型=' text/JAVAScript ' src=' http : jquery 1。3 .2 .js '/script脚本类型=' text/JAVAScript ' src=' http : jquery。悬停意图。js '/script脚本语言=' JavaScript ' $(function(){ hiConfig={ sensitivity : 1，interval: 100，timeout: 100，over: function())偏移量()。左-$(' #菜单栏ul ').偏移量()。向左；$(' #菜单栏span ').动画({left:x 'px '，top:'0px'}，300)；}，//函数=onMouseOver回调(REQUIRED)out : function(){ } $(' # menu _ bar Li ').悬停意图(HiCONFIG)})/脚本样式正文{ text-align : centerfont-size :12 px颜色： # 333字体系列： '宋体；背景# fffmargin:0 auto划水：0;} body div { text-align : center；右边距：汽车；左边距left:auto}div、form、ul、ol、li、span、p、dt、dd、dl { border:0margin:0划水：0;}img，a img { border:0margin:0划水：0;}h1、h2、h3、h4、h5、h6 { font-size :12 px字体粗细：400；余量：0划水：0;}ul、ol、李{列表式：无；} TD { word-break : break-all；} a { color: # 003cc8文本装饰：无；} a :悬停{ text-decoration :下划线；颜色：蓝色；}.f _ Tahoma { font-family : Tahoma；}em，I { font-style : normal；} #菜单栏{宽度：600pxmargin:0 auto背景技术： # 000066;位置：相对；高度：30 px边框：1像素实心# CCCCCC } #菜单栏ul {高度：30像素；飞越：隐藏；位置：绝对；z索引：2;left:0pxtop:0px线高：30 px} # menu _ bar Li { width :100 pxfloat : left文本对齐：居中；font-size :14 pxfont-weight : bold } #菜单栏阿利{ color : # fff } # menu _ bar阿利：悬停{ color : # ff 7800 } # menu _ bar span { display : block；位置：绝对；背景# ffffilter: alpha(不透明度=40);opa city 3360 0.4-moz-opa city 3360 0.4；-khtml-opa市3360 0.4；宽度宽度：100像素索引：1;高度：30 pxleft :0 pxtop :0 px }/style/head dydiv id=' menu _ bar ' ul lia href=' # ' target=' _ blank '首页/a/Li lia href=' # ' target=' _ blank ' ASP/a/Li lia href=' # ' target=' _ blank ' PHP/a/Li lia href=' # ' target=' _ blank ' ASP。net/a/Li lia href=' # ' target=' _ blank ' DELPHI/a/Li lia href=' # ' target=' _ blank ' VC/a/Li/ul span/span/div/body/html希望本文所述对大家的jQuery程序设计有所帮助。