zoukankan      html  css  js  c++  java
  • jQuery页面图片伴随滚动条逐渐显示

    1 <script type="text/javascript" src="jquery.min.js"></script> <!-- //再载入lazyload --> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload();
    2 $("img").lazyload({ placeholder : "grey.gif", //加载图片前的占位图片 effect : "fadeIn" //加载图片使用的效果(淡入) }); }); </script> <style type="text/css"> #container { height: 2500px; background:#333; } </style>
    3 </head>
    4 <body>
    5  <img src="flash.jpg"><br/> <div id="container"> <img src="1.jpg"><br/> <img src="2.jpg"><br/> <img src="3.jpg"><br/> <img src="4.jpg"><br/> <img src="5.jpg"><br/> <img src="6.jpg"><br/> <img src="7.jpg"><br/> <img src="8.jpg"><br/> <img src="9.jpg"><br/> </div>
  • 相关阅读:
    [BZOJ 2821] 作诗
    [P1084] 疫情控制
    [BZOJ 2243] 染色
    Session
    Jinja2 及 render_template 的深度用法
    request机制
    三件套
    初识flask
    mysql大法
    liunx命令大全
  • 原文地址:https://www.cnblogs.com/aimyfly/p/2972557.html
Copyright © 2011-2022 走看看