实用jQuery下拉菜单实例媲美Adobe软件效果(2)
3、jQuery代码: $(document).ready(function(){ $("ul.subnav").parent().append(""); $("ul.topnav li span").click(function() { $(this).parent().find("ul.subnav").slideDown('fast').show(); $(this).par
3、jQuery代码:
$(document).ready(function(){
$("ul.subnav").parent().append("");
$("ul.topnav li span").click(function() {
$(this).parent().find("ul.subnav").slideDown('fast').show();
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow');
});
}).hover(function() {
$(this).addClass("subhover");
}, function(){
$(this).removeClass("subhover");
});
});
别忘了在head里引用jQuery库
<script type="text/javascript" src="jquery-latest.js"></script>
精彩图集
精彩文章