zoukankan      html  css  js  c++  java
  • jQuery 图片随滚动条滚动加载

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <title>JQurey.LazyLoad.js插件使用说明-http://www.jb51.net</title>
     5 <style type="text/css">
     6 * { font-size:12px; }
     7 </style>
     8 </head>
     9 
    10 <body>
    11 <p>1、将文件解压,将Js文件夹所有文件上传至网站根目录,目录形式为:<br />
    12 http://www.jb51.net/Js/lazyload/grey.gif<br />
    13 http://www.jb51.net/Js/lazyload/jquery.js<br />
    14 http://www.jb51.net/Js/lazyload/jquery.lazyload.js
    15 </p>
    16 
    17 2、调用方法:<br />
    18 在需要用到特效的页面上,加上以下代码<br />
    19 &lt;script type="text/javascript" src="/Js/lazyload/jquery.js"&gt;&lt;/script&gt;<br />
    20 &lt;script type="text/javascript" src="/Js/lazyload/jquery.lazyload.js"&gt;&lt;/script&gt;
    21 
    22 <p>3、如果上传路径改变,或者加载时图片打叉,说明图片路径不正确,查找jquery.lazyload.js中的placeholder:,将后面的图片地址换成绝对地址即可!</p>
    23 
    24 <p>如有问题,请登录 <a href="http://www.jb51.net/">http://www.jb51.net</a> 留言!</p>
    25 </body>
    26 </html>
  • 相关阅读:
    tcpdump高级过滤
    Flask简单学习
    nginx+keepalived高可用web负载均衡
    Golang基础(5):Go语言反射规则
    Golang基础(4):Go结构体
    分布式SESSION一致性
    JSON WEB TOKEN (JWT)
    Table布局
    GRID布局
    三种方式实现轮播图功能
  • 原文地址:https://www.cnblogs.com/ghelement/p/4511481.html
Copyright © 2011-2022 走看看