非常酷的可隐藏展示窗口特效_窗口状态特效_好我要网--特色网络资源网站,hao51xx-好我要嘻嘻,好多我要滴!

非常酷的可隐藏展示窗口特效

发布时间：2009/7/8 阅读次数：4046 字体大小: 【小】【中】【大】

本代码描述：
这个代码很简单，不用js、flash，全部htm代码！

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>可以拖动和隐藏的层，替代弹出窗口- www.hao51xx.com</title> <script language="JavaScript"> isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false; function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } } function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; } function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } function hideMe(){ if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; } function showMe(){ if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false"); </script> </head> <body> <div id="theLayer" style="position:absolute;width:250px;left:100;top:100;visibility:visible"> <table border="0" width="250" bgcolor="#F9BB1E" cellspacing="0" cellpadding="5"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td id="titleBar" style="cursor:move" width="100%"> <ilayer width="100%" onSelectStart="return false"> <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"> <font face="Arial" color="#FFFFFF">好我要网消息：</font> </layer> </ilayer> </td> <td style="cursor:hand" valign="top"> <a href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial style="text-decoration:none">X</font></a> </td> </tr> <tr> <td width="100%" bgcolor="#33FFFF" style="padding:4px" colspan="2"> 好我要网（<a href="http://bbs.hao51xx.com">hao51xx.com）</a>查询工具,站长工具,网页特效代码,破解软件,注册码,网址导航,建站教程,推广优化,精彩视频,网络电视,直播代码 </td> </tr> </table> </td> </tr> </table> </div> <a href="javascript:showMe();">show</a> <a href="javascript:hideMe();">hide</a> </body> </html>
帮助

提示：部分代码需要到这里测试才能看见完整效果！

在中搜索：“非常酷的可隐藏展示窗口特效”更多内容
在中搜索：“非常酷的可隐藏展示窗口特效”更多内容

上一篇：带打字效果的滚动提示代码下一篇：千变万化的颜色变化悬停提示

我要评论