Cet article décrit la méthode de commutation des effets d'animation des pages Web d'effet de stores horizontaux dans JS. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Il s'agit d'un effet de commutation de page Web très simple mais bon. Après avoir cliqué sur une nouvelle page Web, la page Web bascule automatiquement entre les stores bleus et blancs jusqu'à ce que toutes les pages Web soient complètement affichées. Le code est le suivant:
Copiez le code comme suit: <html>
<adal>
<Title> JS Blinds Web Effet de commutation dynamique </TITAL>
<style>
<! -
.intro {
Position: absolue;
à gauche: 0;
en haut: 0;
Couche-fond Color: Bleu;
Color en arrière-plan: bleu;
Border: 0,1px bleu massif
}
->
</ style>
</ head>
<body>
<div id = "i1"> </ div> <div id = "i2"> </div> <div id = "i3"
class = "intro"> </ div> <div id = "i4"> </ div> <div id = "i5"> </div> <div> <div
id = "i6"> </ div> <div id = "i7"> </ div> <div id = "i8"> </ div>
<script linguisse = "javascript1.2">
Var Speed = 20
var temp = new Array ()
var temp2 = new Array ()
if (document.layers) {
pour (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.i" + i + ". clip")
temp2 [i] = eval ("document.i" + i)
temp [i] .width = window.innerwidth
temp [i] .height = window.innerheight / 8
temp2 [i] .top = (i-1) * temp [i] .height
}
}
else if (document.all) {
var clipright = document.body.clientwidth, clift = 0
pour (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.all.i" + i + ". style")
temp [i] .width = document.body.clientwidth
temp [i] .height = document.body.offsetheight / 8
temp [i] .top = (i-1) * parseInt (temp [i] .height)
}
}
fonction openIt () {
window.scrollto (0,0)
if (document.layers) {
pour (i = 1; i <= 8; i = i + 2)
temp [i] .Right- = vitesse
pour (i = 2; i <= 8; i = i + 2)
temp [i] .left + = vitesse
if (temp [2] .left> window.innerwidth)
ClearInterval (stopit)
}
else if (document.all) {
ClipRight- = vitesse
pour (i = 1; i <= 8; i = i + 2) {
temp [i] .clip = "rect (0" + clipright + "auto 0)"
}
clipleft + = vitesse
pour (i = 2; i <= 8; i = i + 2) {
temp [i] .clip = "rect (0 auto auto" + clipleft + ")"
}
if (clipright <= 0)
ClearInterval (stopit)
}
}
function gogo () {
stopIt = setInterval ("openIt ()", 100)
}
GOGO ()
</cript>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.