HTML 延迟加载显示

html-css028

HTML 延迟加载显示,第1张

HTML 延迟加载显示

<div id="vodid1">第一个按钮直接显示</div>

<input type="submit" value=""  style="width: 1pxheight: 1pxbackground-color: transparentborder: 0FILTER: alpha(opacity=0)" />

间隔线来咯---------------------

<div id="vodid2">第二个按钮/图片，延迟加载显示</div>//广告位置,想延迟加载

    <script type="text/javascript">

        var html="<img src='http://static.cnblogs.com/images/logo_small.gif'/>"

        setTimeout("document.getElementById('vodid2').innerHTML=html",5000)//延时5秒

    </script>

你说的 lazy_src 应该是 图片JS延迟加载 并非浏览器问题

而<img src="">是标准的HTML语言 浏览器都能支持

<script src="jquery-1.11.1.js"></script>

<script>

$(document).ready(function () {

$(window).scroll(function () {

loadImg()

})

function loadImg() {

$("img").each(function () {

if ($(this).offset().top <$(window).height() * 2 + $(window).scrollTop()) {

$(this).attr("src", $(this).attr("lazy_src")).removeAttr("lazy_src")

}

})

}

})

</script>

延时代码