Este artículo describe el efecto de JS para lograr el efecto de conmutación de animación de las persianas verticales verdes y blancas. Compártelo para su referencia. El análisis específico es el siguiente:
Explicamos un efecto de animación de conmutación de ciegas web, pero es una ciega horizontal. Esta es una ciega vertical. El código es básicamente el mismo:
Copie el código de la siguiente manera: <html>
<Evista>
<título> Efecto de conmutación de página ciega </title>
<estilo>
<!-
.intro {
Posición: Absoluto;
Izquierda: 0;
arriba: 0;
Capa de capa de capa: verde;
Color de fondo: verde;
borde: 0.1px de verde sólido
}
->
</style>
</ablo>
<Body>
<div id = "i1"> </div> <div id = "i2"> </div> <div id = "i3"
class = "Intro"> </iv> <div id = "i4"> </div> <div id = "i5"> </div> <div> <divs
id = "i6"> </div> <div id = "i7"> </div> <div id = "i8"> </div>
<script language = "javaScript1.2">
velocidad var = 20
var temp = New Array ()
var temp2 = new Array ()
if (document.layers) {
para (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.i"+i+". Clip")
temp2 [i] = eval ("document.i"+i)
temp [i] .width = window.innerwidth/8-0.3
Temp [i] .Height = Window.innerheight
temp2 [i] .left = (i-1)*temp [i] .Width
}
}
else if (document.all) {
var clipBottom = document.body.offsetheight, cliptop = 0
para (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.all.i"+i+". Style")
temp [i] .width = document.body.clientwidth/8
temp [i] .Height = document.body.offsetheight
temp [i] .left = (i-1)*parseint (temp [i] .Width)
}
}
función openit () {
Window.scrollto (0,0)
if (document.layers) {
para (i = 1; i <= 8; i = i+2)
temperatura [i] .bottom- = velocidad
para (i = 2; i <= 8; i = i+2)
temp [i] .top+= velocidad
if (temp [2] .top> window.innerheight)
ClearInterval (stopit)
}
else if (document.all) {
clipbottom- = velocidad
para (i = 1; i <= 8; i = i+2) {
temp [i] .clip = "rect (0 auto+"+clipbottom+"0)"
}
cliptop+= velocidad
para (i = 2; i <= 8; i = i+2) {
temp [i] .clip = "rect ("+cliptop+"auto auto)"
}
if (clipBottom <= 0)
ClearInterval (stopit)
}
}
función gogo () {
stopit = setInterval ("Openit ()", 100)
}
gogo ()
</script>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.