`
cqh520llr
  • 浏览: 509652 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

延迟加载兼容ie,ff

 
阅读更多
<img src="url(about:blank)" alt="四川" url="lxxz.gif"/>
<script>
	function lazyLoad() {
		var img = document.getElementsByTagName("IMG");
		var URL = "";
		if(-[1,]) {
			URL = img[0].getAttribute("URL");
		} else {
			URL = img[0].url;
		}
		alert(URL);
		img[0].src = URL;
	}
	setTimeout("lazyLoad()", 2000);
</script>


<img src="http://" alt="四川" url="http://t3.baidu.com/it/u=3689044725,3973015029&fm=0&gp=0.jpg" />
<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<img src="http://" alt="四川" url="http://t3.baidu.com/it/u=3641658168,1981948044&fm=0&gp=0.jpg" />
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<img src="http://" alt="四川" url="http://t3.baidu.com/it/u=3578877803,3532663606&fm=0&gp=0.jpg" />
<script>
	function lazyLoad() {
		var img = document.getElementsByTagName("IMG");
		for(var x=0;x<img.length;x++) {
			if (isShow(img[x])) {
				showImg(img[x]);
			}
		}
		setTimeout("lazyLoad()", 10);
	}
	function showImg(targetImg) {
		if (targetImg.src == "http:///") {
			if (-[1,]) {
				targetImg.src = targetImg.getAttribute("URL");
			}	else {
				targetImg.src = targetImg.url;
			}
		}
	}
	function isShow(targetObj) {
		var ref = document.body.scrollTop;
		var asl = document.body.clientHeight;
		var rel = targetObj.offsetTop;
		if(rel-ref<asl && rel-ref > 0) {
			return true;
		}
	}
	lazyLoad();
</script>

分享到:
评论

相关推荐

    图片延迟加载(兼容IE&FF&Chrome)

    这篇博文《图片延迟加载(兼容IE&FF&Chrome)》可能详细介绍了如何实现这一技术,虽然具体的实现代码没有直接提供,但从标签“源码”我们可以推测,博主可能分享了一段JavaScript代码来实现这个功能。`temp.html`可能...

    兼容IE FF 省级三级联动

    在网页开发中,"兼容IE FF 省级三级联动"是一个常见的需求,涉及到前端界面交互和浏览器兼容性处理。这个需求通常出现在构建一个选择地址的下拉菜单时,用户首先选择省份,接着是城市,最后是区县,这三个级别形成一...

    支付宝生活助手导航代码兼容FF IE6789 等主流浏览器

    支付宝生活助手导航代码是专为实现跨浏览器兼容性设计的一款前端解决方案,主要目标是确保在Firefox(FF)、Internet Explorer(IE)的6、7、8、9等版本中都能正常运行。这一技术难点在于不同浏览器对HTML、CSS和...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    在实际应用中,我们还需要考虑一些边缘情况,例如iframe内容未加载完成时的处理、跨域问题以及可能存在的延迟加载(如使用Ajax加载内容)。开发者可能需要添加额外的逻辑来处理这些情况,例如设置初始高度、添加错误...

    【消息提示组件】,兼容IE6/7&amp;&amp;FF2

    - 浏览器兼容性限制:仅在IE6 和 FF2 下测试过,其他浏览器可能存在兼容问题。 - 对于有特殊需求的用户,可通过修改源代码进一步定制功能。 #### 五、示例演示 - 官方提供的演示页面:...

    淘宝中的一个鼠标感应大图

    图片预加载是为了避免用户在悬停大图时出现明显的加载延迟,通常会预先加载一部分或全部的大图资源。这可以通过JavaScript创建隐藏的图片元素并设置其源URL为大图地址来实现,或者利用CSS3的`background-image`和`...

    网站布局top排行源码

    描述中提到的"迅雷面试的标准top排行代码写法"意味着这是一种在实际开发环境中被认可的技术解决方案,而且能够适应不同的浏览器环境,包括Firefox(FF)和Internet Explorer(IE)...

    管理Jquery包装集

    1. 在页面加载时改变DOM结构可能引发性能问题,尤其是在IE6中可能导致“终止操作”的错误。 2. 修改HTML内容来添加元素不符合DOM标准,可能会在某些浏览器中造成延迟显示或不兼容。 **正确创建元素的方法**: 1. **...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    网络css

    4. 延迟加载和媒体查询:针对移动设备,可以使用媒体查询延迟加载某些资源。 七、浏览器兼容性 CSS的跨浏览器兼容性是开发者需要注意的问题,不同的浏览器可能对某些CSS特性支持程度不同。使用工具如Autoprefixer...

    一个不错的渐显菜单

    3. **性能优化**:通过延迟加载、异步处理等方式,减少对页面加载速度的影响。 4. **可维护性**:代码结构清晰,模块化,便于后期维护和扩展。 总的来说,渐显菜单是一种提高网站导航效率和用户体验的设计方式,...

    基于jquery的关于动态创建DOM元素的问题

    这在页面加载期间执行,尤其是在大型或复杂的页面中,可能导致浏览器卡顿,甚至在IE6中触发“终止操作”的错误。 2. **非DOM标准**:修改`innerHTML`并不遵循DOM(文档对象模型)的标准方法,可能导致某些浏览器...

    ASP编程代码对照表

    `navigator.appName`和`navigator.appVersion`分别表示浏览器名称和版本号,可用于进行浏览器兼容性检测或根据不同的浏览器版本执行特定的操作。 #### 四、去除IE滚动条 **代码示例:** ```html ``` **知识点说明...

    HTML特效代码大全(完整全收录)

    #### 一、基础标签与属性 **1. 图片展示** - **标签**: `图片地址"&gt;... - **示例**: 页面加载后 10 秒自动关闭。 以上是HTML特效代码大全中的主要知识点,涵盖了从基础标签到高级特效的多个方面,希望对您有所帮助。

Global site tag (gtag.js) - Google Analytics