Este artigo descreve o método de troca de efeitos de animação das persianas horizontais que afetam as páginas da Web no JS. Compartilhe para sua referência. A análise específica é a seguinte:
Este é um efeito de comutação de página da web muito simples, mas bom. Depois de clicar em uma nova página da web, a página da web alternará automaticamente entre persianas azuis e brancas até que todas as páginas da web sejam totalmente exibidas. O código é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<title> JS Web Blinds Efeito de comutação dinâmica </ititle>
<estilo>
<!-
.Intro {
Posição: Absoluto;
Esquerda: 0;
topo: 0;
cor-de-background: azul;
Background-Color: Blue;
Borda: 0,1px azul sólido
}
->
</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 Language = "JavaScript1.2">
Var Speed = 20
var temp = novo array ()
var temp2 = novo array ()
if (document.layers) {
para (i = 1; i <= 8; i ++) {
Temp [i] = Eval ("document.i"+i+". clip")
temp2 [i] = avaliar ("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
para (i = 1; i <= 8; i ++) {
temp [i] = EVALL ("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)
}
}
function Openit () {
Window.Scrollto (0,0)
if (document.layers) {
para (i = 1; i <= 8; i = i+2)
temp [i] .right- = velocidade
para (i = 2; i <= 8; i = i+2)
temp [i] .left+= velocidade
if (temp [2] .left> window.innerwidth)
ClearInterval (Stopit)
}
else if (document.all) {
clipright- = velocidade
para (i = 1; i <= 8; i = i+2) {
temp [i] .clip = "ret (0"+clipright+"Auto 0)"
}
clipleft+= velocidade
para (i = 2; i <= 8; i = i+2) {
temp [i] .clip = "Rect (0 Auto Auto"+clipleft+")"
}
if (clipright <= 0)
ClearInterval (Stopit)
}
}
função Gogo () {
Stopit = setInterval ("Openit ()", 100)
}
Gogo ()
</script>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.