您的位置：首页 > 编程语言 > Java开发

网页右下角的信息框

2013-11-21 16:45 253 查看

<!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" onmouseover="mouseOver()" onmouseout="mouseOut()">

<div class="title">重要提示！<span class="close" onclick="tips_pop()">×</span></div>

    <div class="con">    由于历史账期省分数据重传、明细替换等原因，自助分析工具展示的2012年部分数据与数据分析系统页面数据存在差异。请知悉！</div>

</div>



</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： java html 应用

相关文章推荐

新的分享

章节导航