页面延迟加载代码，加载当前屏幕信息代码,JS代码库,德仔网

代码语言

代码分类

【JS】页面延迟加载代码，加载当前屏幕信息

作者:Dezai.CN / 发布于2013/6/13/ 792


	<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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　延迟加载　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)