网友czqn8分享鼠标悬停显示jquery特效

所属分类：jquery特效

发布时间：2014/3/18 21:29:18

下载量：1537

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Detail.aspx?id=421

首先非常感谢网友czqn8的无私分享，此作品是他练习写的一款实用的jquery特效，实现了鼠标悬停显示，代码量很少，主要运用了jquery的动画方法animate。。。

jquery功能代码如下：

$(function () {
	$(".box ul li").hover(
		function () {
			$(this).find(".dask").stop().delay(50).animate({"top":0,opacity:0.8},300)
		 },
		function () {
			$(this).find(".dask").stop().animate({"top":-200,opacity:0},300)
		}
		
	)
})

效果如下：

• 如果你喜欢学院的资源就下载吧，亲，谢谢！
• 
• 
• 提示：如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网，版权归作品最初创作人，转载请注明（出处）原文链接，转载前请邮件至磐temdy@qq.com，一旦发现造成侵权行为，后果自负。。