chevron-up bell reply instagram twitter2 feed3 finder search-25px-p0
换了主题,回归原生评论系统。

jQuery 渐变下拉菜单

2009-04-13 . 阅读: 699 views

作者:幸福的收藏夹

ZhouGe小朋友在jQuery Slide Show - jQuery幻灯片效果这篇文章中留言说要用jQuery写一个像我博客一样的RSS feed下拉效果,博客也没更新,就顺便把这个当教程资源发出来吧。

rss

最重要的链接在这里:效果预览 | jQuery源变下拉菜单源代码

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

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

还是那句话,如果你有更好的方法。可以分享出来,让更多人受益。让更多人学习。

分享到: 更多

左岸

爱读书,爱生活!

发表评论