Web page dynamic graphics display special effects [Web page special effects]

Author：Eve Cole Update Time：2009-06-20 15:46:00

There are three links in the web page. The effect is: click on the link to pop up a new small window and display the content in the small window! There is a transition effect when the window is switched, and the window has a closing function.

<html> <head> <title>Click the connection to show and hide the layer of the transition effect</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language= "JavaScript" type="text/JavaScript">  </script> </head> <body > <table width= "392" border="0" align="center" cellpadding="3" cellspacing="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="#" >Register unused users</a></SPAN> <div id=xk_poplod style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5) ; POSITION: absolute; width: 271px; visibility: hidden;"> <table width="270" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <tr> <td width ="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>Register unused users</strong></div></td> </tr> <tr > <td bgcolor="#ECEDEB"><table width="94%" height=114 border=0 align="center" cellpadding=0 cellspacing=0 class=pop> <tbody> <tr> <td> <p > You can recharge your mobile phone in multiples of 50. Recharge now to get a 1.7 yuan rebate discount (valid before July 31), call 025-83205608 or 10010! Each user can only enjoy the discount price once, while supplies last. </p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(xk_poplod)>Close</span></div></td> </tr> </tbody> < /table></td> </tr> </table> </div> <div id=er style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; width: 271px; visibility: hidden;"> <table width="270" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <tr> <td width="268" height ="24" bgcolor="#CCCCCC"><div align="center"><strong>Newly registered users</strong></div></td> </tr> <tr> <td bgcolor=" #ECEDEB"><table width="94%" height=114 border=0 align="center" cellpadding=0 cellspacing=0 class=pop> <tbody> <tr> <td> <p> You can send 50 Multiples are used to recharge mobile phones. Recharge now to get a 1.7 yuan rebate discount (valid before July 31), call 025-83205608 or 10010! Each user can only enjoy the discounted price once, while supplies last.</p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide (er)>Close</span></div></td> </tr> </tbody> </table></td> </tr> </table> </div> <div id=san style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; width: 271px; visibility: hidden;"> <table width="270" border="0" cellpadding= "0" cellspacing="1" bgcolor="#666666"> <tr> <td width="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>Have Users with more than 1 recharge history</strong> </div></td> </tr> <tr> <td bgcolor="#ECEDEB"><table width="94%" height=114 border=0 align="center" cellpadding=0 cellspacing=0 class=pop> <tbody> <tr> <td> <p> You can now recharge with JetBank mobile payment and get a 1.2 yuan rebate (valid before July 31) , there will be discounts for future recharges! Inquiry 025-83205608 or 10010 </p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(san)>Close</span ></div></td> </tr> </tbody> </table></td> </tr> </table> </div> <div align="center"></div> < div align="center"> <script language=JavaScript1.2>  </ script> </div></td> </tr> <tr> <td><div align="center"></div></td> <td> <SPAN style="CURSOR: hand" onclick= Show(er);MM_showHideLayers('xk_poplod','','hide');MM_showHideLayers('san','','hide')><a href="#">Newly registered users</a>< /SPAN> </td> </tr> <tr> <td><div align="center"></div></td> <td> <SPAN style="CURSOR: hand" onclick=Show(san );MM_showHideLayers('xk_poplod','','hide');MM_showHideLayers('er','','hide')><a href="#">Users who have recharged more than once</ a></SPAN> </td> </tr> </table> </body> </html>