L'effet spécial de retourner l'image horizontalement puis de la retourner verticalement

Auteur：Eve Cole Date de mise à jour：2009-06-20 15:19:53

Ce que nous allons introduire maintenant est un nouveau type de défilement, utilisant la méthode JS pour faire défiler les sous-titres : vers le haut, en faisant une pause d'une à deux secondes au milieu :

<html> <head> <title></title> <meta http- equiv= "Content-Type" content="text/html; charset=gb2312" /> <meta name="description" content="Affichage de code d'effet spécial d'annonce flottante de page Web avec fonction de fermeture" /> <meta name="keywords " content = "Page Web, enseignement de pages Web, développement de pages Web, didacticiels de livres, didacticiels vidéo, apprentissage de pages Web, effets spéciaux de pages Web, apprentissage de production de pages Web, apprentissage de pages Web, académie de création de sites Web, guide de création de sites Web, production d'animation, didacticiel d'animation, programmation réseau, didacticiel téléchargement, matériel, matériel de page Web, fichiers sources du logo, matériaux de bannière, sites sympas, appréciation du site sympa, technologie ASP, technologie PHP, technologie ASP.NET, technologie JSP, technologie CGI, technologie de base de données, technologie XML, technologie CSS, JS, HTML, compétences en création de sites Web, introduction à la production, compétences en production, compétences en production de pages Web, compétences en apprentissage de pages Web" /> <link href="http://www.downcodes.com/templates/downcodes/css/style.css" rel="stylesheet" type="text/css" / > </head> <body bgColor="#ffffff" leftMargin="0" topMargin="3"> <script> var marqueeContent=new Array( //); Définir un tableau pour stocker le contenu affiché marqueeContent[0] ='<A href="#" onclick="reinitMarquee()">Actualiser la dernière liste</FONT></A>'; a href=# target=_blank>Soixante dernières mises à jour de la bande de site</a>'; marqueeContent[2]='<A href=# target=_blank>Tutoriel de création d'effets de plumes</a>'; ='<A href=# target=_blank>MySQL&ASP</a>'; a>'; marqueeContent[4]='<A href=# target=_blank>Compréhension préliminaire de CSS3</a>'; ]='<A href=# target=_blank>Fireworks MX 2004 effectue des opérations sur les panneaux </a>'; marqueeContent[6]='<A href=# target=_blank>Fireworks MX 2004 Remplissage dégradé de contour</a>' ; marqueeContent[7]='<A href=# target=_blank>Fleurs en bouteille dans</a>'; marqueeContent[8]='<A href=# target=_blank>Fireworks MX implémente un effet à onglets</a>' ; marqueeContent[9]='<A href=# target= _blank>Couples : L'atmosphère de l'amour en noir et blanc</a>'; style logo Apple</a>'; marqueeContent[11]='<A href =# target=_blank>Production de coquilles d'œuf et synthèse de caractères</a>'; var marqueeInterval=new Array(); variables utilisées var marqueeId=0; var marqueeDelay =4000; var marqueeHeight=16; //L'étape suivante consiste à définir certaines fonctions à utiliser Array.prototype.random=function() { var a=this; longueur; for(var i=0; i<l;i++) { var r=Math.floor(Math.random()*(li)); (r+1)).concat( a[r]); } return a; function initMarquee() { marqueeContent=marqueeContent.random(); min(3,marqueeContent.length); i++) str+=(i>0?' ':'')+marqueeContent[i]; document.write('<div id=marqueeBox style="overflow:hidden;height:' +marqueeHeight+'px" onmouseover="clearInterval (marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div>< /div>'); marqueeId+=2 ; if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); marqueeContent=marqueeContent.random(); var str=''; for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+ marqueeContent[i]; marqueeBox.childNodes[ (marqueeBox.childNodes.length==1?0:1)].innerHTML=str; marqueeId=2; 0;(i<3)&&( marqueeId+i<marqueeContent.length);i++) { str+=(i>0?' ':'')+marqueeContent[marqueeId+i] } marqueeId+=3; >marqueeContent.length)marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); .childNodes[0].innerHTML=str ; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]=setInterval("scrollMarquee()", 20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee(); > </html>