演示图如下:

图片延迟加载jquery特效

引入<script src="js/jquery-1.6.js" type="text/javascript"></script>
<script src="js/lyz.delayLoading.min.js" type="text/javascript"></script>

 

<div class="box">
	<ul>
        <li><img originalsrc="images/hua_8.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/_2.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/1_030ZTF23528.jpg" /></li>
        <li><img originalsrc="images/1_1225092K5R48.jpg" /></li>
        <li><img originalsrc="images/1_122FU1035612.jpg" /></li>
        <li><img originalsrc="images/_30.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/hua_8.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/_2.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/1_030ZTF23528.jpg" /></li>
        <li><img originalsrc="images/1_1225092K5R48.jpg" /></li>
        <li><img originalsrc="images/1_122FU1035612.jpg" /></li>
        <li><img originalsrc="images/_30.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
        <li><img originalsrc="images/16.jpg" /></li>
        <li><img originalsrc="images/17.jpg" /></li>
        <li><img originalsrc="images/18.jpg" /></li>
        <li><img originalsrc="images/19.jpg" /></li>
    </ul>
</div>