鼠标滚动加载图片及图片动画

最新推荐文章于 2023-03-14 12:01:20 发布

huang100qi

最新推荐文章于 2023-03-14 12:01:20 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/huang100qi/article/details/42782441

版权

本文介绍了一个使用JavaScript实现的滚动加载图片的方法，同时结合图片动画效果。通过`screenLazyLoad`函数，当图片进入视口时，从`data-origin`属性加载实际图片并添加指定的样式类。另外，`setContainerH`函数用于设置容器的高度，确保布局的流畅。整个过程在窗口滚动事件中实时更新，提供良好的用户体验。

摘要由CSDN通过智能技术生成

$(function(){
    setContainerH(".item_list");
    screenLazyLoad({
        defObj:".item_list"
    });

});
function screenLazyLoad(option) {
    var settings = {
        defObj: null,
        defHeight: 0
    };
    settings = $.extend(settings, option || {});
    var defHeight = settings.defHeight;
    var