当前位置：Gxlcms > JavaScript > jQuery渐变下拉菜单_jquery

jQuery渐变下拉菜单_jquery

时间：2021-07-01 10:21:17 帮助过：6人阅读

这里主要是利目标在鼠标经过时（.hover()）利用slideToggle() 、slideUp()来显示原来隐藏着的内容：

代码如下:

 
$(function(){ 
$(".dropdown").hover( 
function(){ $("li ul").slideToggle(800);}, 
function(){$("li ul").slideUp(1000)} 
) 
}) 

代码如下:

jQuery 渐变下来效果

jQuery 渐变下拉菜单

使用slideToggle和slideUp来实现.当然,也可以使用hide/show, fadeIn/fadeOut等来实现,只是效果不同,实现的方法还是相同的.需要注意的是,要给.dropdown加上position:relative;防止闪烁.