java/js 右下脚浮动小窗口，慢慢上升，类似于广告窗口

最新推荐文章于 2021-09-01 09:44:27 发布

today1858

最新推荐文章于 2021-09-01 09:44:27 发布

阅读量1.9k

点赞数

分类专栏： java 文章标签： input function div border javascript import

本文链接：https://blog.csdn.net/today1858/article/details/5878163

版权

java 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

//右下脚小窗口慢慢上升
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 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 closeDiv()
{
document.getElementById('eMeng').style.visibility="hidden";
if(objTimer) window.clearInterval(objTimer);
}

window.onload = getMsg;
window.onresize = resizeDiv;
window.onscroll = resizeDiv;
-->
</script>
<body style="font-size:12px;">
<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>
      <div id="myform">
            这里设计想要的表单
         <form name="myform" method="post">
            <p>姓名:<input type="text"/></p>
            <p>QQ: <input type="text"/></p>
            <p>电话: <input type="text"/></p>
             <p> <input type="submit" value="提交"/></p>
         </form>

      </div>
</center>
</div>
</div>
</body>
</html>

today1858

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
java/js 右下脚浮动小窗口，慢慢上升，类似于广告窗口

<br /><%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><br /><html><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><script language="JavaScript"><br /><!--<br />var divTop,divLeft,divWidth,divHeight,docHe
复制链接

扫一扫