亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

瀑布流代碼，頁面滾動時加載圖片的網頁特效

2024-09-05 12:18:29

字體：大中小

來源：轉載

供稿：網友

頁面滾動圖片加載特效，就像瀑布流一樣，把滾動條拖至下面的時候，圖片才開始加載，在JS代碼里設置了循環函數，可以無限制添下去，不過也不要太多哦，太多的話用戶會受不了的，呵呵。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>頁面滾動圖片加載</title> <style> body{text-align:center;}.list{margin-bottom:40px;}</style> </head> <body> <div>     <div>         <h1>聶微東-頁面滾動圖片加載</h1>           <div   class="jwdcump"   id="content"> 			<script type="text/javascript">			    var main = "";			    for (var i = 1; i < 21; i ++) {			        main += '<div   id="vtraknb"   class="list"><img class="scrollLoading" xSrc="http://www.codefans.net/jscss/demoimg/wall'%20+%20i%20+%20'.jpg" src="http://images.cnblogs.com/cnblogs_com/Darren_code/302725/o_pixel.gif" width="200" height="250" style="background:url(jscss/demoimg/201211/o_108.gif) no-repeat center;" /><br />圖片' + i + '</div>';			    }			    document.getElementById("content").innerHTML = main;			</script>         </div>     </div> </div> <script type="text/javascript">    var scrollLoad = (function (options) {        var defaults = (arguments.length == 0) ? { src: 'xSrc', time: 300} : { src: options.src || 'xSrc', time: options.time ||300};        var camelize = function (s) {            return s.replace(/-(/w)/g, function (strMatch, p1) {                return p1.toUpperCase();            });        };        this.getStyle = function (element, property) {            if (arguments.length != 2) return false;            var value = element.style[camelize(property)];            if (!value) {                if (document.defaultView && document.defaultView.getComputedStyle) {                    var css = document.defaultView.getComputedStyle(element, null);                    value = css ? css.getPropertyValue(property) : null;                } else if (element.currentStyle) {                    value = element.currentStyle[camelize(property)];                }            }            return value == 'auto' ? '' : value;        };        var _init = function () {            var offsetPage = window.pageYOffset ? window.pageYOffset : window.document.documentElement.scrollTop,                offsetWindow = offsetPage + Number(window.innerHeight ? window.innerHeight : document.documentElement.clientHeight),                docImg = document.images,                _len = docImg.length;            if (!_len) return false;            for (var i = 0; i < _len; i++) {                var attrSrc = docImg[i].getAttribute(defaults.src),                    o = docImg[i], tag = o.nodeName.toLowerCase();                if (o) {                    postPage = o.getBoundingClientRect().top + window.document.documentElement.scrollTop + window.document.body.scrollTop; postWindow = postPage + Number(this.getStyle(o, 'height').replace('px', ''));                    if ((postPage > offsetPage && postPage < offsetWindow) || (postWindow > offsetPage && postWindow < offsetWindow)) {                        if (tag === "img" && attrSrc !== null) {                            o.setAttribute("src", attrSrc);                        }                        o = null;                    }                }            };            window.onscroll = function () {                setTimeout(function () {                    _init();                }, defaults.time);            }        };        return _init();    });    scrollLoad();</script> </body> </html>

上一篇：阻止右鍵菜單（阻止默認事件）

下一篇：JS模擬酷狗音樂播放器的關閉特效

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

日本一区二三区好的精华液| 68精品久久久久久欧美| 午夜精品久久久久久久久久久久久| 最近2019免费中文字幕视频三| 欧美国产日韩免费| 热久久美女精品天天吊色| 91麻豆国产语对白在线观看| 久久免费国产精品1| 久久九九有精品国产23| 久精品免费视频| 精品国产一区二区在线| 蜜臀久久99精品久久久久久宅男| 精品国产一区二区三区久久狼5月| 美女999久久久精品视频| 久久久亚洲天堂| 精品久久中文字幕| 国产v综合v亚洲欧美久久| 欧美日韩国产第一页| 97成人在线视频| 欧美成在线观看| 国产精品第三页| 在线观看国产精品日韩av| 亚洲欧美激情一区| 亚洲人成77777在线观看网| 成人激情视频在线| 日本精品视频网站| 亚洲高清在线观看| 国产91对白在线播放| 日韩av观看网址| 91久久久国产精品| 欧美精品久久久久久久久| 成人字幕网zmw| 亚洲缚视频在线观看| 日韩精品在线视频美女| 国产欧美一区二区三区久久人妖| 成人做爰www免费看视频网站| 亚洲欧美精品一区| 久久久久久综合网天天| 这里只有精品丝袜| 538国产精品一区二区免费视频| 中文字幕日韩在线播放| 欧美日韩亚洲视频一区| 国产成人亚洲综合91精品| 精品毛片三在线观看| 亚洲欧美日韩在线高清直播| 精品久久中文字幕久久av| 91精品国产自产在线观看永久| 国产精品久久久久久久久粉嫩av| 日韩av一区二区在线观看| 韩国日本不卡在线| 亚洲老司机av| 中文字幕亚洲欧美日韩高清| 国产精品99免视看9| 青青草原成人在线视频| 国内精久久久久久久久久人| 久久视频在线视频| 国产精品私拍pans大尺度在线| 色与欲影视天天看综合网| 久久色在线播放| 欧美成人合集magnet| 亚洲精品美女久久久| 91精品久久久久久久久久久久久| 国产丝袜一区二区三区免费视频| 国产精品日韩欧美综合| 欧美日韩美女视频| 一区二区三区在线观看视| 2019国产精品自在线拍国产不卡| 亚洲第一天堂无码专区| 亚洲欧美日韩网| 精品国产电影一区| 久久久久亚洲精品| 成人激情视频免费在线| 91嫩草在线视频| 国产精品精品视频一区二区三区| 国产成人在线精品| 国产ts一区二区| 欧美成人精品影院| 久久人人爽亚洲精品天堂| 日韩精品极品视频免费观看| 欧美在线免费观看| 欧美丝袜一区二区三区| 欧美巨乳美女视频| 92版电视剧仙鹤神针在线观看| 久久亚洲影音av资源网| 日韩在线中文字| 成人免费视频网址| 日韩中文字幕在线免费观看| 国产精品久久久av| 国产精品久久不能| 欧美极品美女视频网站在线观看免费| 亚洲视频一区二区三区| 亚洲人成电影网站色| 久久亚洲影音av资源网| 欧美日韩成人在线视频| 人体精品一二三区| 日本精品视频网站| 国产一区二区三区在线播放免费观看| 欧美亚洲成人免费| 日本不卡免费高清视频| 福利视频导航一区| 在线精品视频视频中文字幕| 中文字幕在线看视频国产欧美在线看完整| 欧美精品久久久久| 久久99久久99精品免观看粉嫩| 成人免费网站在线| 亚洲综合在线小说| 国产精品露脸av在线| 亚洲欧美日韩成人| 欧美色欧美亚洲高清在线视频| 国产精品专区一| 懂色aⅴ精品一区二区三区蜜月| 亚洲精品720p| 91免费精品国偷自产在线| 久久噜噜噜精品国产亚洲综合| 欧美成人h版在线观看| 欧美一级片免费在线| 国产一区红桃视频| 精品日本美女福利在线观看| 俺也去精品视频在线观看| 91精品国产91久久久久久吃药| 久久精品国产久精国产思思| 亚洲女人初尝黑人巨大| 久久影视电视剧免费网站| 91大神在线播放精品| 播播国产欧美激情| 一区二区三区国产在线观看| 中文字幕亚洲综合久久| 欧美精品精品精品精品免费| 日韩欧美亚洲成人| 亚洲国产天堂久久国产91| 国产亚洲欧洲高清| 超碰精品一区二区三区乱码| 国产精品99久久久久久白浆小说| 6080yy精品一区二区三区| 欧美高清视频免费观看| 国产精品欧美风情| 久久天天躁夜夜躁狠狠躁2022| 久久视频免费在线播放| 青青久久av北条麻妃黑人| 精品美女久久久久久免费| www.欧美免费| 国产精品99免视看9| 国产欧美一区二区白浆黑人| 欧美最顶级的aⅴ艳星| 国产精品美女主播| 欧美影院在线播放| 国内揄拍国内精品少妇国语| 久久成人精品电影| 久久久免费高清电视剧观看| 国产精品视频久久久| 精品久久中文字幕久久av| 亚洲理论片在线观看| xvideos国产精品| 97视频在线观看亚洲| 日韩精品免费综合视频在线播放| 亚洲国产成人av在线| 日韩av理论片| 亚洲级视频在线观看免费1级| 久久理论片午夜琪琪电影网| 精品视频在线观看日韩| 久热精品视频在线观看一区| 欧美大胆在线视频| 97在线视频免费看| 一本色道久久88综合日韩精品|