Les graphiques dynamiques de page Web affichent des effets spéciaux [Effets spéciaux de page Web]

Auteur：Eve Cole Date de mise à jour：2009-06-20 15:46:00

Il y a trois liens dans la page Web. L'effet est le suivant : cliquez sur le lien pour faire apparaître une nouvelle petite fenêtre et afficher le contenu dans la petite fenêtre ! Il y a un effet de transition lorsque la fenêtre est commutée et la fenêtre a une fonction de fermeture.

<html> <head> <title>Cliquez sur la connexion pour afficher et masquer le calque de l'effet de transition</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> < langage de script = "JavaScript" type="text/JavaScript">  </script> </head> <body > < table width= "392" border="0" align="center" cellpadding="3" Cellpacing="0"> <tr> <td width="17"><div align="center"></div> </td > <td width="363"> <SPAN style="CURSOR: hand" onclick=Show(xk_poplod);MM_showHideLayers('er','','hide');MM_showHideLayers('san','' ,'hide ')><a href="#" >Enregistrer les utilisateurs inutilisés</a></SPAN> <div id=xk_poplod style="FILTER: révélationTrans(transition=12,duration=0.5) blendTrans(duration=0.5 ) ; POSITION : absolue ; largeur : 271 px ; visibilité : cachée ;"> <table width="270" border="0" cellpadding="0" cellpacing="1" bgcolor="#666666"> <tr> <td width ="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>Enregistrer les utilisateurs inutilisés</strong></div></td> </tr> <tr > <td bgcolor="#ECEDEB"><table width="94%" height=114 border=0 align="center" cellpadding=0 cellpacing=0 class=pop> <tbody> <tr> <td> <p > Vous pouvez recharger votre téléphone portable par multiples de 50. Rechargez maintenant pour bénéficier d'une remise de 1,7 yuans (valable avant le 31 juillet), appelez le 025-83205608 ou le 10010 ! Chaque utilisateur ne peut profiter du prix réduit qu'une seule fois, jusqu'à épuisement des stocks. </p></td> </tr> < tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(xk_poplod)>Fermer</span></div></td> </tr> </tbody> </ table></td> </tr> </table> </div> <div id=er style="FILTRE : révélationTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION : absolue ; largeur : 271px; visibilité : caché;"> <table width="270" border="0" cellpadding="0" Cellpacing="1" bgcolor="#666666"> <tr> <td width="268" hauteur = "24" bgcolor="#CCCCCC"><div align="center"><strong>Utilisateurs nouvellement enregistrés</strong></div></td> </tr> <tr> <td bgcolor=" #ECEDEB "><table width="94%" height=114 border=0 align="center" cellpadding=0 cellpacing=0 class=pop> <tbody> <tr> <td> <p> Vous pouvez envoyer 50 multiples sont utilisés pour recharger les téléphones portables. Rechargez maintenant pour bénéficier d'une remise de 1,7 yuans (valable avant le 31 juillet), appelez le 025-83205608 ou le 10010 ! Chaque utilisateur ne peut profiter du prix réduit qu'une seule fois, jusqu'à épuisement des stocks.</p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide (er)>Fermer</span></div></td> </tr> </tbody> </table></td> </tr> </table> </div> <div id=san style="FILTRE : révélationTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION : absolue; largeur : 271px; visibilité : cachée;"> <table width="270" border="0" cellpadding= "0" cellpacing="1" bgcolor="#666666"> <tr> <td width="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>Avoir des utilisateurs avec plus d'un historique de recharge</strong> </div></td> </tr> <tr> <td bgcolor="#ECEDEB"><table width="94%" height=114 border=0 align= "center" cellpadding=0 cellpacing=0 class=pop> <tbody> <tr> <td> <p> Vous pouvez désormais recharger avec le paiement mobile JetBank et obtenir une remise de 1,2 yuans (valable avant le 31 juillet), il y aura des réductions pour les futures recharges ! Demande 025-83205608 ou 10010 </p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(san)>Fermer</span ></div></td> </tr> </tbody> </table></td> </tr> </table> </div> <div align="center"></div> < div align="center"> <script langage=JavaScript1.2> <!-- function Show(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "visible"; .play(); } function Hide(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; script> </div></td> </tr> <tr> <td><div align="center"></div></td> <td> <SPAN style="CURSOR : main" onclick= Show(er);MM_showHideLayers('xk_poplod','','hide');MM_showHideLayers('san','','hide')><a href="#">Utilisateurs nouvellement enregistrés</a>< / SPAN> </td> </tr> <tr> <td><div align="center"></div></td> <td> <SPAN style="CURSEUR : main" onclick=Show(san ) ;MM_showHideLayers('xk_poplod','','hide');MM_showHideLayers('er','','hide')><a href="#">Utilisateurs ayant rechargé plus d'une fois</ a></ SPAN> </td> </tr> </table> </body> </html>