jQuery绿色宽屏滑动下拉导航菜单代码

jQuery绿色宽屏滑动下拉导航菜单代码

jQuery绿色宽屏滑动下拉导航菜单代码

一款非常大气实用的jQuery绿色宽屏滑动下拉导航菜单代码,下拉内容可自由编排。点击搜索小图标下拉显示搜索框。

源码介绍

js代码

"text/javascript"> 
$(document).ready(function(){ 
    $("#a01").hover(function(){ 
        $(this).children("#b01").stop(true, false).slideToggle(500); 
    }
    $("#a02").hover(function(){ 
        $(this).children("#b02").stop(true, false).slideToggle(500); 
    }
    $("#a03").hover(function(){ 
        //$("#b03").slideToggle(300); 
        $(this).children("#b03").stop(true, false).slideToggle(500); 
    }
    $("#a04").hover(function(){ 
        $(this).children("#b04").stop(true, false).slideToggle(500); 
    }
    $("#a05").hover(function(){ 
        $(this).children("#b05").stop(true, false).slideToggle(500); 
    }
    $("#a06").hover(function(){ 
        $(this).children("#b06").stop(true, false).slideToggle(500); 
    }
 
}); 


分享到 :

发表评论

登录... 后才能评论