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

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

a.css("color",b);
a.css("line-height",c);
a.css("font-size",d)
}
function s_m(a,b,c,d){
style="margin-right:"+b+"; width: "+c+"; height: "+d+";";
a.attr("style",style)
}
function s_m_s_c(a,b,c,d,e){
a.css("background-color",b);
a.css("width",c);
a.css("height",d);
a.css("left",e)
}
}
})(jQuery);
</script>
</head>
<body>
<table width="600">
<tr>
<td><h2>Demo1</h2>
<br/>
<br/>
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_menu_glide1").webwidget_menu_glide({menu_width:"100", menu_height:"30", menu_text_size:"15", menu_text_color:"#FFF", menu_sprite_color:"red", menu_background_color:"#C91A3E", menu_margin:"5", sprite_speed:"normal", container:"webwidget_menu_glide1" });
});
</script>
<div id="webwidget_menu_glide1" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li class="current"><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">More...</a></li>
</ul>
<div style="clear: both"></div>
</div></td>
</tr>
<tr>
<td><h2>Demo2</h2>
<br/>
<br/>
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_menu_glide2").webwidget_menu_glide({menu_width:"100", menu_height:"30", menu_text_size:"15", menu_text_color:"#CCC", menu_sprite_color:"#666", menu_background_color:"#000", menu_margin:"5", sprite_speed:"normal", container:"webwidget_menu_glide2" });
});
</script>
<div id="webwidget_menu_glide2" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li class="current"><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">More...</a></li>
</ul>
<div style="clear: both"></div>
</div></td>
</tr>
<tr>
<td><h2>Demo3</h2>
<br/>
<br/>
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_menu_glide3").webwidget_menu_glide({menu_width:"100", menu_height:"23", menu_text_size:"12", menu_text_color:"#FFF", menu_sprite_color:"#86C7EF", menu_background_color:"#0F67A1", menu_margin:"2", sprite_speed:"normal", container:"webwidget_menu_glide3" });