Dieser Artikel beschreibt die Methode zum Schalten von Animationseffekten von horizontalen Blinds -Effekt -Webseiten in JS. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Dies ist ein sehr einfacher, aber guter Webseiten -Switching -Effekt. Nachdem Sie auf eine neue Webseite geklickt haben, wechselt die Webseite automatisch zwischen blauen und weißen Jalousien, bis alle Webseiten vollständig angezeigt werden. Der Code ist wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<titels> JS Web Blinds Dynamic Switching Effect </title>
<Styles>
<!-
.intro {
Position: absolut;
links: 0;
Top: 0;
Layer-Background-Color: Blau;
Hintergrundfarbe: Blau;
Rand: 0,1px Solid Blue
}
->
</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 = new Array ()
var temp2 = new Array ()
if (document.layers) {
für (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.i"+i+". clip")
temp2 [i] = eval ("document.i"+i)
temp [i] .width = window.innnerwidth
temp [i] .height = window.innerHeight/8
temp2 [i] .top = (i-1)*temp [i] .height
}
}
sonst if (document.all) {
var clipright = document.body.clientwidth, clift = 0
für (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.all.i"+i+". Stil")
temp [i] .width = document.body.clientwidth
temp [i] .height = document.body.offseteight/8
temp [i] .top = (i-1)*parsesint (temp [i] .height)
}
}
Funktion openit () {
Fenster.Scrollto (0,0)
if (document.layers) {
für (i = 1; i <= 8; i = i+2)
temp [i] .Right- = Geschwindigkeit
für (i = 2; i <= 8; i = i+2)
temp [i] .left+= Geschwindigkeit
if (temp [2] .left> fenster.innnerwidth)
ClearInterval (Stopit)
}
sonst if (document.all) {
Clipright- = Geschwindigkeit
für (i = 1; i <= 8; i = i+2) {
temp [i] .clip = "rect (0"+clipright+"auto 0)"
}
Clipleft+= Geschwindigkeit
für (i = 2; i <= 8; i = i+2) {
temp [i] .clip = "RECT (0 Auto Auto"+Clipleft+")"
}
if (clipright <= 0)
ClearInterval (Stopit)
}
}
Funktion gogo () {
stopit = setInterval ("openit ()", 100)
}
Gogo ()
</script>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.