zoukankan      html  css  js  c++  java

  • 图片懒加载解决方案 lazyload.js

    1. <!doctype html>  
    2. <html>  
    3. <head>  
    4. <meta charset="utf-8">  
    5. <title>懒加载</title>  
    6. <meta content="max-age=0" http-equiv="Cache-Control" />  
    7. <meta content="320" name="MobileOptimized" />  
    8. <meta content="YES" name="apple-touch-fullscreen" />  
    9. <meta content="yes" name="apple-mobile-web-app-capable" />  
    10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    11. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">  
    12. <link rel="stylesheet" type="text/css" href="css/cyc.css">  
    13.     <script src="js/jquery-2.0.3.min.js"></script>  
    14.     <script src="js/jquery.lazyload.min.js" type="text/javascript"></script>  
    15.     <script type="text/javascript" charset="utf-8">  
    16.       
    17.       $(function() {  
    18.         $("img.lazy").lazyload({effect: "fadeIn",threshold : 200});  
    19.     });  
    20.     </script>  
    21. </head>  
    22. <body>  
    23.     <a href="http://blog.csdn.net/xuelang532777032"><img class="lazy" alt="" width="640" height="480" data-original="images/a1.jpg" /></a>  
    24.     <a href="http://blog.csdn.net/xuelang532777032"><img class="lazy" alt="" width="640" height="480" data-original=