تصف هذه المقالة تأثير JS لتحقيق تأثير تبديل الرسوم المتحركة للستائر العمودية الخضراء والأبيض. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
شرحنا تأثير الرسوم المتحركة للتبديل على شبكة الإنترنت ، لكنه أعمى أفقي. هذا هو أعمى عمودي. الرمز هو نفسه في الأساس:
انسخ الرمز كما يلي: <html>
<head>
<title> تأثير تبديل الصفحة الأعمى </title>
<style>
<!-
.intro {
الموقف: مطلق ؛
اليسار: 0 ؛
أعلى: 0 ؛
طبقة الخلفية اللون: الأخضر.
خلفية اللون: الأخضر.
الحدود: 0.1 بكسل الأخضر الصلب
}
->
</style>
</head>
<body>
<div id = "i1"> </viv> <div id = "i2"> </viv> <div id = "i3"
class = "intro"> </viv> <div id = "i4"> </viv> <div id = "i5"> </viv> <viv> <div
id = "i6"> </viv> <div id = "i7"> </viv> <div id = "i8"> </viv>
<script language = "javaScript1.2">
var speed = 20
var temp = new array ()
var temp2 = new array ()
if (document.layers) {
لـ (i = 1 ؛ i <= 8 ؛ i ++) {
temp [i] = eval ("document.i"+i+". clip")
temp2 [i] = eval ("document.i"+i)
درجة الحرارة [i] .width = window.innerwidth/8-0.3
درجة الحرارة [i] .hight = window.innerheight
temp2 [i] .left = (I-1)*temp [i]. width
}
}
آخر إذا (document.all) {
var clipbottom = document.body.offsetheight ، cliptop = 0
لـ (i = 1 ؛ i <= 8 ؛ i ++) {
temp [i] = eval ("document.all.i"+i+". style")
temp [i] .width = document.body.clientwidth/8
درجة الحرارة [i] .hight = document.body.offsetheight
Temp [i] .left = (I-1)*parseint (temp [i] .width)
}
}
وظيفة OpenIt () {
window.scrollto (0،0)
if (document.layers) {
لـ (i = 1 ؛ i <= 8 ؛ i = i+2)
درجة الحرارة [i] .bottom- = السرعة
لـ (i = 2 ؛ i <= 8 ؛ i = i+2)
درجة الحرارة [i] .top+= السرعة
if (temp [2] .top> window.innerheight)
ClearInterval (StopIt)
}
آخر إذا (document.all) {
clipbottom- = السرعة
لـ (i = 1 ؛ i <= 8 ؛ i = i+2) {
temp [i] .clip = "Rect (0 Auto+"+ClipBottom+"0)"
}
cliptop+= السرعة
لـ (i = 2 ؛ i <= 8 ؛ i = i+2) {
temp [i] .clip = "rect ("+cliptop+"Auto Auto)"
}
إذا (clipbottom <= 0)
ClearInterval (StopIt)
}
}
وظيفة gogo () {
StopIt = setInterval ("OpenIt ()" ، 100)
}
gogo ()
</script>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.