开发一个网站的流程,崆峒区建设局网站,株洲关键词seo优化服务商,seo3这直接JS就能实现了#xff0c;实现方式分为【预加载】和【延迟加载】下面是个预加载的例子#xff1a;首先来一个空的HTML页面和最基本的CSS初始化样式Document* {margin: 0;padding: 0;}.imgwrap li {list-style-type: none;}img {vertical-align: top;}然后我们要往标签里…这直接JS就能实现了实现方式分为【预加载】和【延迟加载】下面是个预加载的例子首先来一个空的HTML页面和最基本的CSS初始化样式Document* {margin: 0;padding: 0;}.imgwrap li {list-style-type: none;}img {vertical-align: top;}然后我们要往标签里塞任意数量图片(这里我就001.jpg002.jpg003.jpg表示了)// 把图片放到数组里一般放在自定义属性data-src中直接获取这里我手写就直接写了var imgArr [images/001.jpg, images/002.jpg, images/003.jpg];然后我在$对象上定义了一个静态方法功能就是【遍历数组】——【生成li-a-img标签】把图片插入页面//为了操作方便这里我使用jQuery当然你用js也一样(function($) {// arguments缩写为args$.preLoadImages function(args) {$.each(args, function(index, val) {// val 里面加两个单引号是为了防止变量变成字符串 $().appendTo(.imgwrapul);});};})(jQuery);最后调用这个方法就完事// 调用函数把图片集合imgArr传入,将会自动预加载并插入到页面$.preLoadImages(imgArr);此外还有延迟加载的方法那就太多种多样了。。自己先理解上面这个再去百度吧
