JS réalise des stores de pages Web verticales vertes et blanches, commutation d'animation, compétences effect_javascript

L'exemple de cet article décrit l'implémentation js de l'effet de commutation d'animation d'obturateur de page Web vertical vert et blanc. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Plus tôt, nous avons expliqué un effet d'animation de changement d'obturateur de page Web, mais c'est un obturateur horizontal, c'est un obturateur vertical, le code est fondamentalement le même :

Copier le code Le code est le suivant :

class="intro">

id="i6" class="intro">

var vitesse=20
var temp=nouveau tableau()
var temp2=nouveau tableau()
si (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/8-0.3
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
>
>
sinon si (document.all){
var clipbottom=document.body.offsetHeight,cliptop=0
pour (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)
>
>
fonction openit(){
window.scrollTo(0,0)
si (document.layers){
pour (i=1;i<=8;i=i 2)
temp[i].bottom-=vitesse
pour (i=2;i<=8;i=i 2)
temp[i].top =vitesse
if (temp[2].top>window.innerHeight)
clearInterval(stopit)
>
sinon si (document.all){
clipbottom-=vitesse
pour (i=1;i<=8;i=i 2){
temp[i].clip="rect(0 auto " clipbottom " 0)"
>
cliptop = vitesse
pour (i=2;i<=8;i=i 2){
temp[i].clip="rect(" cliptop " auto auto)"
>
si (clipbottom<=0)
clearInterval(stopit)
>
>
fonction gogo(){
stopit=setInterval("openit()",100)
>
gogo()

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.