لقد كتبت اليوم عن تأثير الأرضي بنفسي ، وكنت أشعر بالشفقة قليلاً وأرتكب أخطاء في أماكن صغيرة. أعزائي الماجستير ، لم أعدل بما فيه الكفاية! ! !
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> مفتاح الأرضية </title> <style>*{padding: 0 ؛ margin: 0 ؛} li {style: now ؛}. 850px ؛ الارتفاع: 50px ؛ النص-المحاذاة: الوسط ؛ خط الارتفاع: 50px ؛} red ؛}. تحميل {background: url ("image/loading.gif") مركز لا تكرار ؛ as = "image/3.jpg"/> <img as = "image/4.jpg"/> <img as = "image/5.jpg"/> <img as = "image/6.jpg"/> <img as = "image/>gif"/> <img as = "image/ as = "image/10.jpg"/> <img as = "image/10.jpg"/> <img as = "image/ as = "image/5.jpg"/> <img as = "image/6.jpg"/> <img as = "image/7.gif"/> <img as = "image/8.jpg"/> <img as = "image/li> </ul> <p -el> أعلى </p> </viv> <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.documentElement.scrolltop || document.body.scrolltop ؛ var height = document.documentElement.clientheight || document.body.clientheight ؛ لـ (var i = 0 ؛ i <image.length ؛ i ++) {Image [i] .className = "loading" ؛ if (تأخير (صورة [i]). أعلى <scrolltop + height) {Image [i] .src = Image [i] .getAttribute ("as") ؛ }} if (scrolltop> = Image [0] .offSetTop) {floor.style.display = "block" ؛ } آخر {floor.style.display = "none" ؛ } var num = 0 ؛ لـ (var i = 0 ؛ i <image.length ؛ i ++) {if (scrolltop> = Image [i] .offSetTop) {num = i ؛ } li [i] .className = "" ؛ } li [num] .className = "listyle" ؛ لـ (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] .offsettop ؛ 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.documentElement.scrolltop = ss ؛ document.body.scrolltop = ss ؛ if (ss <= 0) {clearinterval (time) ؛ }} time = setInterval (GoBack ، 1) ؛ } تأخير الوظيفة (obj) {var l = 0 ؛ var t = 0 ؛ بينما (obj) {l = l + obj.offsetleft ؛ t = t + obj.offsettop ؛ obj = obj.offsetParent ؛ } return {left: l ، top: t} ؛ } </script> </body> </html>المثال البسيط أعلاه لإنجاز تأثيرات الأرضية هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.