欢迎来到亿搜云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

网页右下角浮动广告代码

       对话框和灯箱     2016-02-16     eycms     67     0    

<html>

<script language="Javascript">

<!--

var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer;

function getMsg()

{

divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10);

divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10);

docWidth = document.body.clientWidth;

docHeight = document.body.clientHeight;

document.getElementById("eMeng").style.top = docHeight + parseInt(document.body.scrollTop,10) + 5;

document.getElementById("eMeng").style.left = docWidth + parseInt(document.body.scrollLeft,10) - divWidth ;

document.getElementById("eMeng").style.visibility="visible";

objTimer = window.setInterval("moveDiv()",10);

}


function resizeDiv()

{

divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10);

divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10);

docWidth = document.body.clientWidth;

docHeight = document.body.clientHeight;

document.getElementById("eMeng").style.top = docHeight + parseInt(document.body.scrollTop,10) - divHeight ;

document.getElementById("eMeng").style.left = docWidth + parseInt(document.body.scrollLeft,10) - divWidth;

}


function moveDiv()

{

if(parseInt(document.getElementById("eMeng").style.top,10) < (docHeight - divHeight + parseInt(document.body.scrollTop,10)))

{

window.clearInterval(objTimer);

return;

}

divTop = parseInt(document.getElementById("eMeng").style.top,10);

document.getElementById("eMeng").style.top = divTop - 2;

}

function closeDiv()

{

document.getElementById('eMeng').style.visibility="hidden";

if(objTimer) window.clearInterval(objTimer);

}

window.onload = getMsg;

window.onresize = resizeDiv;

window.onscroll = resizeDiv;

-->

</script>

<body>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<div id="eMeng" style="border:1px solid #7788CC;visibility:hidden;position:absolute;top:0px;left:0px;height:150px;width:260px;">

  <div style="background-color:#7788FF;width:260px;height:20px;">

    <div style="cursor:hand;font-size:12px;font-weight:bold;text-align:right;" onClick="closeDiv()">关闭</div>

  </div>

  <div style="border:3px solid #BBCCFF;background-color:#D5E7FD;width:260px;height:130px;">

  <center>

    <span>HelloWorld</span>

  </center>

  </div>

</div>


</body>

</html>


--结束END--

本文链接: http://eycms.cn/resources/dialog/1127.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“亿搜云”
"亿搜云平台前端开发教学"
每日干货技术分享
 

×

成为 亿搜云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

亿搜云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 40819446

客服电话: 15250286283

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

亿搜云平台手机端