jquery实现左右滑动菜单效果代码

2020-05-29 06:57:30易采站长站整理

font-weight: bold;
}
.webwidget_menu_glide ul li ul{
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-khtml-border-radius-bottomright: 7px;
-khtml-border-radius-bottomleft: 7px;
border-radius-bottomright: 7px;
border-radius-bottomleft: 7px;
border-radius:7px;
padding-bottom: 5px;
position: absolute;
z-index: 999999;
display: none;
}
.webwidget_menu_glide ul li ul li{
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-khtml-border-radius-topright: 0px;
-khtml-border-radius-topleft: 0px;
border-radius-topright: 0px;
border-radius-topleft: 0px;
border-radius:0px;
margin: 0px;
float: none;
border:none;
word-wrap:break-word;
}
.webwidget_menu_glide ul li ul li a{
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
}
</style>
</link>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
(function(a){
a.fn.webwidget_menu_glide=function(p){
var p=p||{};
var f=p&&p.menu_text_size?p.menu_text_size:"12px";
var g=p&&p.menu_text_color?p.menu_text_color:"blue";
var h=p&&p.menu_margin?p.menu_margin:"10px";
var i=p&&p.menu_width?p.menu_width:"100px";
var j=p&&p.menu_height?p.menu_height:"20px";
var k=p&&p.menu_sprite_color?p.menu_sprite_color:"red";
var l=p&&p.menu_background_color?p.menu_background_color:"black";
var m=p&&p.sprite_speed?p.sprite_speed:"fast";
f += "px";
h += "px";
i += "px";
j += "px";
var n=a(this);
if(n.children("ul").length==0||n.find("li").length==0){
n.append("Require menu content");
return null
}
s_m(n.children("ul").children("li"),h,i,j);
s_m_t_c(n.find("a"),g,j,f);
n.css("background-color",l);
if(n.children("ul").children("li").is(".current")){
var o=n.children("ul").children("li").filter(".current").offset()
}else{
var o=n.children("ul").children("li:first").offset()
}
var q=o.left+'px';
s_m_s_c(n.find(".webwidget_menu_glide_sprite"),k,i,j,q);
n.children("ul").children("li").hover(function(){
var b=$(this).offset();
var c=b.left+'px';
n.find(".webwidget_menu_glide_sprite").stop().animate({
left:c
},m)
},function(){
n.find(".webwidget_menu_glide_sprite").stop().animate({
left:q
},m)
});
n.children("ul").children("li").children("ul").children("li").hover(function(){},function(){});
function s_m_t_c(a,b,c,d){