鼠标悬停显示jquery特效

来源:https://www.sucaihuo.com/js/1843.html 2017-04-28 15:07浏览(309) 收藏

此作品是他练习写的一款实用的jquery特效,实现了鼠标悬停显示,代码量很少,主要运用了jquery的动画方法animate。。
鼠标悬停显示jquery特效
分类:其它特效 > jQuery插件 难易:入门级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

首先引用文件

<script type="text/javascript" src="jquery.min.js"></script>

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)
        }
    )
})
标签: 鼠标显示
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2