首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
文字特效
效果非常好的消息框(有多种关闭效果,刷新可再看)
作者:chilleen 来源:
ITPOW
日期:2004-10-8
<script Language="JavaScript"> var drag=false,offsetX=0,offsetY=0; function Hide(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; divid.filters.revealTrans.play(); } function Move(divid) { if(!drag) return; divid.style.pixelLeft=document.body.scrollLeft+event.clientX-offsetX; divid.style.pixelTop=document.body.scrollTop+event.clientY-offsetY; } function beforDrag(divid) { offsetX=document.body.scrollLeft+event.clientX-divid.style.pixelLeft; offsetY=document.body.scrollTop+event.clientY-divid.style.pixelTop; drag=true; } </script> <div id="messanger" style="FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; z-index:1; background-color: #FFFFFF; border: 1px none #500000; top:40px;left:20px;width:300px; height: 60px"> <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#333333"> <tr> <td height="64"> <table width="100%" bgcolor="#999999" border="0" cellspacing="0" cellpadding="2" style="WIDTH: 100%; CURSOR: move" onMouseDown="beforDrag(messanger);" onMouseMove="Move(messanger)" onMouseUp="drag=false" onMouseOver="drag=false"> <tr> <td width="70%"></td> <td width="30%" align="right"><a href="JavaScript:Hide(messanger);"><font color="#000000" size="2">关闭窗口</font></a></td> </tr> </table> <table width="100%" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="2"> <tr bgcolor="#EEEEEE"> <td height="43"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="41"> <font color="#000000" size="2"> 欢迎您访问CJ帝国,本站虚拟域名为cjava.126.com </font> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...