当前位置:首页 > 网站制作 > jQuery教程 > jQuery 打造的渐变下拉菜单效果

jquery下拉菜单 jQuery 打造的渐变下拉菜单效果

2017-01-09 | 来源:网络 | 人气: | | 关键字: jquery下拉菜单 jquery实现下拉菜单
利用jQuery来实现,其实就几行代码的事。即便如此,由于js语言的思维方式,还是一直没有把握好,加上一个css的问题,导致弄了好久才出来效果。这里主要是利目标在鼠标经过时(.hover())利用sl

  利用jQuery来实现,其实就几行代码的事。即便如此,由于js语言的思维方式,还是一直没有把握好,加上一个css的问题,导致弄了好久才出来效果。这里主要是利目标在鼠标经过时(.hover())利用slideToggle() 、slideUp()来显示原来隐藏着的内容:

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

  实例:


提示:可修改后代码再运行!

评论

评论数10

表情
发表评论
网友评论仅供其表达个人看法,并不表明网易立场。
《jQuery 打造的渐变下拉菜单效果》更多评论

头条推荐

阅读下一篇

使用jQuery简化Ajax开发之Ajax开发入门(一)

jQuery是一个可以简化 JavaScript™以及AJAX(Asynchronous JavaScript + XML,异步Javascript和XML)编程的Javascript库。 ... 查看全文

返回jQuery教程 返回网站首页