网页右下角的信息框

最新推荐文章于 2022-02-17 17:35:18 发布

记忆-碎片

最新推荐文章于 2022-02-17 17:35:18 发布

阅读量647

点赞数

分类专栏： java web 文章标签： java html 应用

本文链接：https://blog.csdn.net/ydxmemory/article/details/16863349

版权

web 同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

java

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>网页右下角的信息框</title>
</head>
<style type="text/css">
#winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #666; margin:0; padding:1px;

overflow:hidden; display:none;}
#winpop .title { width:100%; height:22px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-

size:12px;}
#winpop .con { width:200px; height:90px; line-height:20px; font-weight:bold; font-size:12px; color:#FF0000; text-

decoration:underline; text-align:left; word-break:break-all;}

.close { position:absolute; right:4px; top:-1px; color:gray; cursor:pointer}
</style>
<script type="text/javascript">
function mouseOver() {
           var MsgPop = document.getElementById("winpop");
           MsgPop.style.display = "block"; //显示隐藏的窗口
           clearInterval(show);
       }
       function mouseOut() {
           show = setTimeout("changeH('down')", 6000);//鼠标移开6秒后自动隐藏
       }
       function tips_pop() {
           var MsgPop = document.getElementById("winpop");
           var popH = parseInt(MsgPop.style.height);//将对象的高度转化为数字
           if (popH <= 0) {
               MsgPop.style.height = (popH + 104).toString() + "px";
               MsgPop.style.display = "block"; //显示隐藏的窗口
               show = setTimeout("changeH('down')", 6000);
           }
       }

       function changeH(str) {
           var MsgPop = document.getElementById("winpop");
           var popH = parseInt(MsgPop.style.height);
           if (str == "down") {
               if (popH > 0) {
                   MsgPop.style.height = (popH - 104).toString() + "px";
                   MsgPop.style.display = "none"; //隐藏DIV
               }
           }
       }
       window.onload = function() { //加载
           document.getElementById('winpop').style.height = '0px';
           setTimeout("tips_pop()", 500);//0.5秒后调用tips_pop()这个函数
       }
</script>
<body>

<div id="winpop" οnmοuseοver="mouseOver()" οnmοuseοut="mouseOut()">
<div class="title">重要提示！<span class="close" οnclick="tips_pop()">×</span></div>
    <div class="con">    由于历史账期省分数据重传、明细替换等原因，自助分析工具展示的2012年部分数据与数据分析系统页面数据存在差异。请知悉！</div>
</div>


</body>
</html>

记忆-碎片

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页右下角的信息框

网页右下角的信息框#winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #666; margin:0; padding:1px;overflow:hidden; display:none;}#winpop .title { width:100%;
复制链接

扫一扫

专栏目录