3044am姘稿埄(闆嗗洟)绉戞妧鏈夐檺鍏徃 - 鐧惧害鐧剧

首页 > 在前台提交信息后台弹出短消息提示代码@！

在前台提交信息后台弹出短消息提示代码@！

时间：2014/3/8 23:54:37 作者：tsccwl 人气：标签：前台提交后台提示

　　

右下角弹出多个消息提示框！
前台一提交留言以后
后台就弹出
可能弹出多个！

经测试下面代码可用

<style type="text/css">
body { background:#333333;}
.winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #999999; margin:0; padding:1px; overflow:hidden; display:none; background:#FFFFFF}
.winpop .title { width:100%; height:20px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-size:12px;}
.winpop .con { width:100%; height:80px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center}
#silu { font-size:13px; color:#999999; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
.close { position:absolute; right:4px; top:-1px; color:#FFFFFF; cursor:pointer}
</style>
<script type="text/javascript">

    var A = "winpop";
    var B = "winpop1";
    var tanchu = "winpop2";
    function tips_pop(s) {
        var MsgPop = document.getElementById(s); //获取窗口这个对象,即ID为winpop的对象
        var popH = parseInt(MsgPop.style.height); //用parseInt将对象的高度转化为数字,以方便下面比较
        if (popH == 0) {         //如果窗口的高度是0
            MsgPop.style.display = "block"; //那么将隐藏的窗口显示出来
            show = setInterval("changeH('up','" + s + "')", 2);  //开始以每0.002秒调用函数changeH("up"),即每0.002秒向上移动一次
        }
        else {         //否则
            hide = setInterval("changeH('down','" + s + "')", 2); //开始以每0.002秒调用函数changeH("down"),即每0.002秒向下移动一次
        }

    }

    function changeH(str, s) {
        var MsgPop = document.getElementById(s);
        var popH = parseInt(MsgPop.style.height);
        if (str == "up") {     //如果这个参数是UP
            if (popH <= 100) {    //如果转化为数值的高度小于等于100
                MsgPop.style.height = (popH + 4).toString() + "px"; //高度增加4个象素
            }
            else {
                clearInterval(show); //否则就取消这个函数调用,意思就是如果高度超过100象度了,就不再增长了
            }
        }
        if (str == "down") {
            
            if (popH >= 4) {       //如果这个参数是down
                MsgPop.style.display = "none"; //那么将隐藏的窗口显示出来
            }
            else {        //否则
                clearInterval(hide);    //否则就取消这个函数调用,意思就是如果高度小于4个象度的时候,就不再减了
                MsgPop.style.display = "none";  //因为窗口有边框,所以还是可以看见1~2象素没缩进去,这时候就把DIV隐藏掉
            }
        }
    }
    window.onload = function () {    //加载
        document.getElementById(A).style.height = '0px'; //我不知道为什么要初始化这个高度,CSS里不是已经初始化了吗,知道的告诉我一下
        document.getElementById(B).style.height = '0px'; //我不知道为什么要初始化这个高度,CSS里不是已经初始化了吗,知道的告诉我一下
        document.getElementById(tanchu).style.height = '0px'; //我不知道为什么要初始化这个高度,CSS里不是已经初始化了吗,知道的告诉我一下
        setTimeout("tips_pop('" + A + "')", 800);     //3秒后调用tips_pop()这个函数
        setTimeout("tips_pop('" + B + "')", 800);     //3秒后调用tips_pop()这个函数
        setTimeout("tips_pop('" + tanchu + "')", 800);     //3秒后调用tips_pop()这个函数
    }
</script>
<div id="silu"><button onclick="tips_pop('winpop')">测试按钮</button> </div>
<div id="winpop" class="winpop">
<div class="title">您有新的消息<span class="close" onclick="tips_pop('winpop')">Xdisanci</span></div>
<div class="con">未读信息(1)</div>
</div>
<div id="winpop1" class="winpop">
<div class="title">您有新的消息<span class="close" onclick="tips_pop('winpop1')">X123</span></div>
<div class="con">未读信息(1)</div>
</div>
<div id="winpop2" class="winpop">
<div class="title">您有新的消息<span class="close" onclick="tips_pop('winpop2')">X456</span></div>
<div class="con">未读信息(1)</div>
</div>

提示：复制和保存代码功能在FF下无效。

上一篇：针对企业的网站长尾词优化真的很难吗！
下一篇：微软：多安全厂商挽救XP系统的作用有限

地址：中国.唐山市路北区尚座即理工大学对面中国.河北唐山遵化市唐山做网站
本站网址：www.tswzsj.com联系电话：0315-6025099 建站热线：15031560143

唐山网站建设报价咨询

网站售前售后服务

冀ICP备12014317号-1 版权所有:唐山长城网络 www.tswzsj.com