网页动态图形显示特效[网页特效]

2024-04-27 13:59:46

字体：大中小

来源：转载

供稿：网友

网页中有三个连接，实现的效果为：点击连接弹出一个新的小窗口，在小窗口中显示内容！窗口切换的时候带过渡效果，而且窗口有关闭功能。

<html><head><title>点击连接显示和隐藏过渡效果的图层</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><scr<a href="http://ip.vevb.com/">ip</a>t language="<a href="http://www.vevb.com/article.asp?typeid=160">java</a>Script" type="text/<a href="http://www.vevb.com/article.asp?typeid=36">Javascript</a>"></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="#" >注册未使用的用户</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>注册未使用的用户</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>　　您可以发50的倍数为手机充值。现在充值可得1.7元返款优惠（7月31日前有效）,询025-83205608或10010!每用户只可享受优惠价一次,送完即止. </p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(xk_poplod)>关闭</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>新注册的用户</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>　　您可以发送50的倍数为手机充值。现在充值可得1.7元返款优惠（7月31日前有效）,询025-83205608或10010！每用户只可享受优惠价一次,送完即止.</p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(er)>关闭</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>有过1次以上充值的历史的用户 </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>　　您现在用捷银移动支付充值,可获得1.2元返款优惠（7月31日前有效），以后充值还有优惠！询025-83205608或10010 </p></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(san)>关闭</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="#">新注册的用户</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="#">有过1次以上充值的历史的用户</a></SPAN> </td> </tr></table></body></html>

上一篇：单击鼠标就弹出一个导航菜单

下一篇：随滚动条滚动的QQ客服咨询特效代码