Este artículo describe el método de cambiar los efectos de animación de las persianas horizontales de las páginas web en JS. Compártelo para su referencia. El análisis específico es el siguiente:
Este es un efecto de conmutación de página web muy simple pero buen. Después de hacer clic en una nueva página web, la página web cambiará automáticamente entre persianas azules y blancas hasta que todas las páginas web se muestren completamente. El código es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> JS Web persianas Efecto de conmutación dinámica </title>
<estilo>
<!-
.intro {
Posición: Absoluto;
Izquierda: 0;
arriba: 0;
Capa de la capa de capa: azul;
color de fondo: azul;
borde: 0.1px azul 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
temp [i] .Height = Window.innerheight/8
temp2 [i] .top = (i-1)*temp [i] .Height
}
}
else if (document.all) {
var clip clipright = document.body.clientwidth, clift = 0
para (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)
}
}
función openit () {
Window.scrollto (0,0)
if (document.layers) {
para (i = 1; i <= 8; i = i+2)
temperatura [i]. Right- = Velocidad
para (i = 2; i <= 8; i = i+2)
temperatura [i] .left+= velocidad
if (temp [2] .left> window.innerwidth)
ClearInterval (stopit)
}
else if (document.all) {
Clipright- = Velocidad
para (i = 1; i <= 8; i = i+2) {
temp [i] .clip = "rect (0"+clipright+"auto 0)"
}
clipleft+= velocidad
para (i = 2; i <= 8; i = i+2) {
temp [i] .clip = "rect (0 auto auto"+clipleft+")"
}
if (clipright <= 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.