码迷,mamicode.com
首页 > Web开发 > 详细

jquery小技巧

时间:2018-01-09 14:48:40      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:top   reload   gpo   cli   scroll   document   i++   err   ges   

1.返回页面顶部

$(‘a.top‘).click(function () {
    $(document.body).animate({scrollTop: 0}, 800);
    return false;
});
<a class="top" href="#">Back to top</a>

2.预加载图片

$.preloadImages = function () {
    for (var i = 0; i < arguments.length; i++) {
        $(‘<img>‘).attr(‘src‘, arguments[i]);
    }
};
$.preloadImages(‘img/hover1.png‘, ‘img/hover2.png‘);

3.检查图片是否加载完成

$(‘img‘).load(function () {
    console.log(‘image load successful‘);
});

4.自动修改破损图像

$(‘img‘).on(‘error‘, function () {
    $(this).prop(‘src‘, ‘img/broken.png‘);
});

  

jquery小技巧

标签:top   reload   gpo   cli   scroll   document   i++   err   ges   

原文地址:https://www.cnblogs.com/isuben/p/8251051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!