91在线公开视频-91在线高清视频-91在线高清-91在线导航-91在线操-91在线播放网站

首頁 > 在前臺提交信息后臺彈出短消息提示代碼@！

在前臺提交信息后臺彈出短消息提示代碼@！

時間：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   class="nt5jn77"   id="silu"><button onclick="tips_pop('winpop')">測試按鈕</button> </div>
<div   class="5pzjtrv"   id="winpop" class="winpop">
<div   id="pvv5tzf"   class="title">您有新的消息<span id="trld7dp"    class="close" onclick="tips_pop('winpop')">Xdisanci</span></div>
<div   id="tz5z77j"   class="con">未讀信息(1)</div>
</div>
<div   class="lff5vjh"   id="winpop1" class="winpop">
<div   id="xnpf5fv"   class="title">您有新的消息<span id="jfprr5j"    class="close" onclick="tips_pop('winpop1')">X123</span></div>
<div   id="7tdvnth"   class="con">未讀信息(1)</div>
</div>
<div   class="7th7lzv"   id="winpop2" class="winpop">
<div   id="l5xzt7l"   class="title">您有新的消息<span id="znfxrnt"    class="close" onclick="tips_pop('winpop2')">X456</span></div>
<div   id="jf5vfd7"   class="con">未讀信息(1)</div>
</div>

提示：復制和保存代碼功能在FF下無效。

上一篇：針對企業的網站長尾詞優化真的很難嗎！
下一篇：微軟：多安全廠商挽救XP系統的作用有限

地址：中國.唐山市路北區尚座即理工大學對面中國.河北唐山遵化市唐山做網站
本站網址：www.eboku.com聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

冀ICP備12014317號-1 版權所有:唐山長城網絡 www.eboku.com

主站蜘蛛池模板：镇沅| 三明市| 江都市| 噶尔县| 资中县| 绥江县| 和龙市| 莎车县| 霍州市| 垣曲县| 金沙县| 张家界市| 荣昌县| 淮南市| 博乐市| 铁岭市| 玉树县| 霞浦县| 双峰县| 寻甸| 松阳县| 鹤壁市| 庐江县| 沂南县| 安龙县| 大渡口区| 敦煌市| 赫章县| 惠东县| 涞源县| 延寿县| 社会| 雷州市| 霍邱县| 梧州市| 潮州市| 屏边| 泰州市| 呼伦贝尔市| 柘城县| 建水县|