今日、私は自分で床の効果について書きました。私は少しイライラしていて、小さな場所で間違いを犯しました。親愛なるマスター、私は十分に修正していません！ ！ ！
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> floor switch </title> <style>*{padding：0; margin：0;} li {list-style：none;}。main img {width：850px; heigh：850px; 50px;テキストアライグ：センター;ラインハイト：50px;}。フロア{位置：固定;トップ：20px;右：20px; display：none;}。 red;}。loading {background：url（ "image/loading.gif"）no-repeat centerセンター;}＃back {cursor：hand; cursor：pointer;} </style> </head> <body> <div id = "main"> <h3> picture鑑賞</h3> <img as = "image/3.jpg"/> <img as = "image/4.jpg"/> <img as = "image/5.jpg"/> <img as = "img/> <img as =" image/7.gif "/> <img as =" image/8.jpg "/> <img as = "image/10.jpg"/> <img as = "image/10.jpg"/> <img as = "image/10.jpg"/> <img as = "/> <img as =" img/10.jpg "/> <img as =" image/2 "/> <img"/> <img "/> <img" as = "image/5.jpg"/> <img as = "image/6.jpg"/> <img as = "image/7.gif"/> <img as = "/> <img as =" img/10.jpg "/> <img"/> <img as = "=" image/10.jpg TOP </p> </div> <script> var main = document.getElementById（ "main"）; var floor = document.getElementById（ "Floor"）; var image = main.getElementsByTagname（ "IMG"）; var floorul = document.getElementById（ "Floorul"）; var li = floorul.getelementsbytagname（ "li"）; var back = document.getElementById（ "back"）; window.onload = window.onscroll = function（）{var scrolltop = document.documentlement.scrolltop || document.body.scrolltop; var height = document.documentlement.clientheight || document.body.clientheight; for（var i = 0; i <image.length; i ++）{image [i] .classname = "loading"; if（delay（image [i]）。top <scrolltop + height）{image [i] .src = image [i] .getattribute（ "as"）; }} if（scrolltop> = image [0] .offsettop）{floor.style.display = "block"; } else {floor.style.display = "none"; } var num = 0; for（var i = 0; i <image.length; i ++）{if（scrolltop> = image [i] .offsettop）{num = i; } li [i] .classname = ""; } li [num] .classname = "listyle"; for（var i = 0; i <li.length; i ++）{li [i] .onclick = function（）{for（var j = 0; j <li.length; j ++）{if（this == li [j]）{document.documentelement.scrolltop = image [j] .offteTtop; document.body.scrolltop = image [j] .offsettop; }}}}}} var time = null; back.onclick = function（）{function goback（）{var ss = document.documentelement.scrolltop || document.body.scrolltop; SS- = 50; document.documentlement.scrolltop = ss; document.body.scrolltop = ss; if（ss <= 0）{clearInterval（time）; }} time = setinterval（goback、1）; }関数遅延（obj）{var l = 0; var t = 0; while（obj）{l = l + obj.offsetLeft; t = t + obj.offsettop; obj = obj.offsetparent; } return {左：l、上：t}; } </script> </body> </html>JSが床効果を達成する上記の簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。