首页 > 其他 > 详细

鼠标滑过改变图片

时间:2016-06-16 18:21:22      阅读:207      评论:0      收藏:0      [点我收藏+]

jQuery中attr()函数不支持delay函数控制延迟,把attr函数加在animate的回调函数中

jQuery(function(){

        jQuery(‘.avia_image‘).hover(

        function() { 

urlss = jQuery(this).attr("src").replace("1.jpg","2.jpg");

            jQuery(this).stop().animate({opacity: ‘0.3‘},100, function(){jQuery(this).attr("src",urlss);});

jQuery(this).delay(101).animate({opacity: ‘1‘},100);

        }, 

        function() { 

        urltt = jQuery(this).attr("src").replace("2.jpg","1.jpg");

            jQuery(this).stop().animate({opacity: ‘0.3‘},100,function(){jQuery(this).attr("src",urltt);});

jQuery(this).delay(101).animate({opacity: ‘1‘},100);

        });

    }(jQuery));


鼠标滑过改变图片

原文:http://luckyyang.blog.51cto.com/4524113/1789897

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!