11.08.07QQ消息框图片右下浮出/固定浮动代码
效果图：
右下角 由下往上浮起代码 会自动关闭：
XML/HTML代码
- <SCRIPT language=javascript>
- window.onload = enetgetMsg;
- window.onresize = enetresizeDiv;
- window.onerror = function(){}
- var enetdivTop,enetdivLeft,enetdivWidth,enetdivHeight,enetdocHeight,enetdocWidth,enetobjTimer,i = 0;
- function enetgetMsg()
- {
- try{
- enetdivTop = parseInt(document.getElementById("enetMeng").style.top,10)
- enetdivLeft = parseInt(document.getElementById("enetMeng").style.left,10)
- enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10)
- enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10)
- enetdocWidth = document.body.clientWidth;
- enetdocHeight = document.body.clientHeight;
- document.getElementById("enetMeng").style.top = parseInt(document.body.scrollTop,10) + enetdocHeight + 10;// enetdivHeight
- document.getElementById("enetMeng").style.left = parseInt(document.body.scrollLeft,10) + enetdocWidth - enetdivWidth
- document.getElementById("enetMeng").style.visibility="visible"
- enetobjTimer = window.setInterval("enetmoveDiv()",10)
- }
- catch(e){}
- }
- function enetresizeDiv()
- {
- i+=1
- if(i>800) enetcloseDiv() /自动关闭时间
- try{
- enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10)
- enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10)
- enetdocWidth = document.body.clientWidth;
- enetdocHeight = document.body.clientHeight;
- document.getElementById("enetMeng").style.top = enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10)
- document.getElementById("enetMeng").style.left = enetdocWidth - enetdivWidth + parseInt(document.body.scrollLeft,10)
- }
- catch(e){}
- }
- function enetmoveDiv()
- {
- try
- {
- if(parseInt(document.getElementById("enetMeng").style.top,10) <= (enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10)))
- {
- window.clearInterval(enetobjTimer)
- enetobjTimer = window.setInterval("enetresizeDiv()",1)
- }
- enetdivTop = parseInt(document.getElementById("enetMeng").style.top,10)
- document.getElementById("enetMeng").style.top = enetdivTop - 1
- }
- catch(e){}
- }
- function enetcloseDiv()
- {
- document.getElementById(’enetMeng’).style.visibility=‘hidden’;
- if(enetobjTimer) window.clearInterval(enetobjTimer)
- }
- </SCRIPT>
- <DIV id=enetMeng
- style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; VISIBILITY: visible; BORDER-LEFT: #a6b4cf 1px solid; 1px solid; POSITION: absolute; TOP: -256px; HEIGHT: 157px">
- <a href="连接地址"><img src="图片地址" border="0"></img>
- </div>
一直浮在右下角的代码：
JavaScript代码
- document.writeln("<div align=\"center\">");
- document.writeln(" <div id=\"ShowAD\" style=\"position:absolute; z-index: 100;\"> ");
- document.writeln(" <div id=\"ImgLayer\" style=\"position:absolute; z-index:1; left: 0px;\"> ");
- document.writeln(" <a href=\"http://union.kingsoft.com/union/download/index.html?uid=^^\" target=\"_blank\"><img src=\"http://www.moyu.cn/duba.gif\" width=\"256\" height=\"159\" border=\"0\"></a>");
- document.writeln(" </div>");
- document.writeln("</div>");
- document.writeln("</div>");
- ShowAD.style.top=document.body.clientHeight-159;
- ShowAD.style.left=document.body.clientWidth-256;
- moveR();
- function moveR() {
- ShowAD.style.top=document.body.scrollTop+document.body.clientHeight-159;
- ShowAD.style.left=document.body.scrollLeft+document.body.clientWidth-256;
- setTimeout("moveR();",80)
- }
来源于：落伍者
”QQ消息框图片右下浮出/固定浮动代码“ 有一条评论
谢谢楼主
说说你的看法