程序博客网 > 复制别人淘宝店铺宝贝

javascript鼠标指针拖动滚动条加载板块

来源：互联网发布：复制别人淘宝店铺宝贝编辑：程序博客网时间：2024/06/06 12:59

javascript鼠标指针拖动滚动条加载板块

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

</head>

<body>

能看的见到图片：<img src="http://at-img4.tdimg.com/board/2010/5/tylc-115X55.jpg"/>

<div id="lazyBox" style="margin-top:100px;">

一开始看不到的图片：

<img width="120" height="90" style="border:1px solid blue;" class="lazyImg" alt="http://i01.img.tudou.com/data/imgs/i/051/720/095/p.jpg" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DAA"/>

<img width="120" height="90" style="border:1px solid blue;" class="lazyImg" alt="http://i01.img.tudou.com/data/imgs/i/051/871/396/m20.jpg" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DBA"/>

</div>

<div style="height:1000px;">

</div>

<script type="text/javascript">

var hasShow = false;

$(window).bind("scroll",function(){

if(hasShow==true){

$(window).unbind("scroll");

return;

}

var t = $(document).scrollTop();

if(t>10){

// 滚动高度超过50，加载图片

hasShow = true;

$("#lazyBox .lazyImg").each(function(){

$(this).attr("src",$(this).attr("alt"));

});

}

});

</script>

</body>

</html>

参考资料：http://hi.baidu.com/o_coder/item/91d1d8842b7265d25f0ec111

复制别人淘宝店铺宝贝

复制别人淘宝店铺宝贝

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子 sw168 sw. sw- sw靴 sw在线播放标致308sw sw中文字幕 sw系列 sw医院邻床 sw系列全集980部封面名爵3sw 水嶋sw106在线播放 sw什么意思 sw安装教程 sw是什么意思 sw165在线播放 sw274在线播放 sw磁力 sw在线 sw一274满员电车在线 sw561在线播放 sw274满员电车在线 sw什么意思中文 sw代表什么意思 sw什么服务 mg3 sw sw 165 sw 290 sw 137 sw是什么 sw 216 pwr sw sw-262 sw-130 sw-072 sw-286 sw-137 sw-283 sw274中文字幕在线播放 sz sz250