页面延迟加载代码,加载当前屏幕信息
来源:互联网 发布:nginx 子域名配置 编辑:程序博客网 时间:2024/05/29 08:53
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
先下载通用JS
<script type="text/javascript">$(function(){ var $winH = $(window).height();//获取窗口高度 var $img = $("#show img"); var $imgH = parseInt($img.height()/2);//图片到一半的时候显示 var $srcDef = "a.gif"; runing();//页面刚载入时判断要显示的图片 //**************************************** $(window).scroll(function(){ runing();//滚动刷新 }) //**************************************** function runing(){ $img.each(function(i){//遍历img var $src = $img.eq(i).attr("original");//获取当前img URL地址 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>
<div id="show">页面内容<div>
0 0
- 页面延迟加载代码,加载当前屏幕信息
- 收藏 JS,延迟加载,只加载当前屏幕内容
- 页面延迟加载Javascript
- 页面延迟加载方法
- 页面延迟加载效果
- 滚动屏幕加载信息
- JS延迟加载加快页面打开速度示例代码
- javascript页面加载顺序以及延迟加载
- 网站页面延迟加载功能
- 延迟加载页面的例子
- lanyload加载当前屏幕图片
- JS重新加载当前页面
- JS重新加载当前页面
- 延迟加载
- 延迟加载
- 延迟加载
- 延迟加载
- 延迟加载
- 解决ScrollView下嵌套ListView、GridView显示不全的问题
- 索引组织表
- 打印1到最大的N位数
- Win64下安装Apache 2.4.7
- 基于visual Studio2013解决算法导论之008快速排序算法
- 页面延迟加载代码,加载当前屏幕信息
- 用Maven构建Hadoop项目
- Json.NET匿名类型序列化
- unbuntu13.10安装 chromiun的flash插件
- 最远的你的容颜
- UI第八章MVC模式与视图间传值
- EJS 模板快速入门
- Tempter of the Bone
- Vector源码分析