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‘);
});