PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > JS特效 > 图片特效 > 正文

    jquery鼠标移动到图片上自动放大效果

    作者:w634381967来源:网络浏览:时间:2014-06-24 06:36:07我要评论
    分享到

    内容介绍

    鼠标移动到图片上自动放大,兼容主流浏览器,B5教程网推荐下载!
    核心js代码

     
    复制代码 代码如下:
    <script type="text/javascript">
    $(function(){
    $('li').hover(function() {
         $(this).addClass('on');
         var wl = $(this).find('img').attr('width');
         if (wl < 190) {
             $(this).find('.in').css('left', '0')
         } else {
             $(this).find('.in').css('left', -wl / 4)
         }
    },
    function() {
         $(this).animate({
             height: "120px"
         },
         100).removeClass('on');
         $(this).find('.in').css('left', '0')
    });
    })
    </script>

    下载资源:290 下载积分:0 积分
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-55-299-1.html
    相关热词搜索: 图片特效代码 jQuery特效