<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="你们真懒" />
<meta name="description" content="真的很懒" />
<title>站长特效 根据下拉滚动条而加载图片效果 站长特效网</title>
<script src="http://www.zzjs.net/img/jquery_zzjs.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
$(function(){
var $winH = $(window).height();
var $img = $("#show_zzjs_net img");
var $imgH = parseInt($img.height()/2);
var $srcDef = "http://www.zzjs.net/img/1018_20110128wwwzzjsnet.gif";
runing();
$(window).scroll(function(){
runing();
})
function runing(){
$img.each(function(i){
var $src = $img.eq(i).attr("original");
var $scroTop = $img.eq(i).offset();
if($scroTop.top + $imgH >= $(window).scrollTop() && $(window).scrollTop() + $winH >= $scroTop.top + $imgH)
{
if($img.eq(i).attr("src") == $srcDef){
$img.eq(i).hide();
}
$img.eq(i).attr("src",function(){return $src}).fadeIn(300);
}
})
}
})
</script>
<style type="text/css">
*{ border:0;}
a{ display:inline; float:left; margin:55px; background:#ccc; overflow:hidden; font-size:0;}
</style>
</head>
<body>
<script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script>
<div id="show_zzjs_net">
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
<a href="#"><img src="http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif" width="160" height="160" original="http://img3.imgtn.bdimg.com/it/u=1839795860,2099779963&fm=21&gp=0.jpg" /></a>
</div>
</body>
</html>