读书人

一个jQuery上拉菜单代码简单适合新

发布时间: 2012-10-28 09:54:44 作者: rapoo

一个jQuery下拉菜单,代码简单,适合新手阅读。
最近发现一个简单的jQuery下拉菜单,代码很少,很适合有基础的新手学习提高。
这是jQuery代码:
<script type="text/javascript">
$(document).ready(function(){

$("ul.subnav").parent().append("<span></span>");

$("ul.topnav li span").click(function() {
$(this).parent().find("ul.subnav").slideDown('fast');

$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow');
});


}).hover(function() {
$(this).addClass("subhover");
}, function(){ //On Hover Out
$(this).removeClass("subhover");
});

});
</script>
下面是html代码:
<div id="header">

<ul /> 这个很早写的了,都快忘了。

读书人网 >Web前端

热点推荐