91在线免费看-91在线免费观看网站-91在线免费观看-91在线免费公开视频-91在线免费播放-91在线麻豆

<rp id="d4egl"><xmp id="d4egl"><fieldset id="d4egl"></fieldset></xmp></rp>

<span id="d4egl"><optgroup id="d4egl"><center id="d4egl"></center></optgroup></span>

<fieldset id="d4egl"></fieldset>

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

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

時間：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="mpevpia"   id="silu"><button onclick="tips_pop('winpop')">測試按鈕</button> </div>
<div   class="49a45vg"   id="winpop" class="winpop">
<div   id="ki2mzql"   class="title">您有新的消息<span id="ttjaric"    class="close" onclick="tips_pop('winpop')">Xdisanci</span></div>
<div   id="zbvjcvm"   class="con">未讀信息(1)</div>
</div>
<div   class="qu74q0f"   id="winpop1" class="winpop">
<div   id="f6fstld"   class="title">您有新的消息<span id="ypgxojj"    class="close" onclick="tips_pop('winpop1')">X123</span></div>
<div   id="9tcxriw"   class="con">未讀信息(1)</div>
</div>
<div   class="7ndsiyt"   id="winpop2" class="winpop">
<div   id="hi1bwne"   class="title">您有新的消息<span id="bzpes4r"    class="close" onclick="tips_pop('winpop2')">X456</span></div>
<div   id="2oew2m9"   class="con">未讀信息(1)</div>
</div>

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

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

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

唐山網站建設報價咨詢

網站售前售后服務

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

主站蜘蛛池模板：伊人久久五月天天堂| 国产精品欧美日韩一区二区| 国产精品99久久久久久裸交| 国产综合日韩另类| 嫩草研究院久久久精品| 欧美日韩国产二区| 四虎av一区二区三区| 日日操夜夜爽综合网| 欧美一区二区三区四区啪啪 | 久久精品国产精品亚洲艾伦网| 精品社区一区二区在线播放| 免费日韩欧美在线| 九九夜色亚洲AV国产动态图| 好吊成人免视频| 国产精品久久久久久福利一牛影视| 精品视频高清无人区区二区三区| 国产欧美日韩熟女成人| 成人网站在线播放欧美| 91在线视频老司机| 亚洲AV中文无码| 日韩在线精品日韩在线| 欧美精产国品一区二区| 欧美曰本人一区二区三区| 色姑娘综合天天| 女男羞羞视频网站免费| 精品久久久久久无码中文字幕,| 久久久久久久久久久久无码| 男女在一起羞羞视频免费高清观看网站| 久久人妻不卡视频| 国产精品区视频| 中国最久久久久久| 800AV在线观看| 象鼻族无码一级A片在线播放| 人人爱人人睡人人爱| 久久国产精品麻豆视频| 二级黄色片黄色片黄色片没有| 国产精品乱码一二三区| 2019亲亲草久久| 手机sss一区二区| 嫩色AV一二三四区精品免费| 国产欧美综合一频道 |