jQuery渐变下拉菜单_jquery
2020-11-27
来源：易榕旅游
这里主要是利目标在鼠标经过时（.hover()）利用slideToggle() 、slideUp()来显示原来隐藏着的内容：
代码如下:
$(function(){
$(".dropdown").hover(
function(){ $("li ul").slideToggle(800);},
function(){$("li ul").slideUp(1000)}
)
})
代码如下:
jQuery 渐变下来效果
鲜果订阅
Google订阅
抓虾订阅
有道订阅
更多方式 »
代码如下:
$(function(){
$(".dropdown").hover(
function(){ $("li ul").slideToggle(800);},
function(){$("li ul").slideUp(1000)}
)
})
代码如下:
jQuery 渐变下拉菜单
使用slideToggle和slideUp来实现.当然,也可以使用hide/show, fadeIn/fadeOut等来实现,只是效果不同,实现的方法还是相同的.需要注意的是,要给.dropdown加上position:relative;防止闪烁.