九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

簡單好用 通俗易懂的彈出層特效

總的就是定義一個(gè)鼠標(biāo)放上去后的方法,再引用

主要： onmouseover="show_left()"

也可以點(diǎn)擊鼠標(biāo)觸發(fā)一個(gè)事件 onclick="show_left()"

<div class="tab">
                    <div onclick="show_left()"><a href="#">我的消息</a></div>
                    <div onclick="show_center()"><a href="#">我的求購</a></div>
                    <div onclick="show_right()" ><a href="#">我的評論</a></div>
                 </div>


<div class="ctop2_1"  id="ctop2_1">
                          <b style="font-size:14px">我的消息里面的：</b>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">付款</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">發(fā)貨</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">收貨</b></span>
                                                  <b style="font-size:14px;height:48px;display:block;line-height:48px">求購信 息報(bào)價(jià)：</b>
                        <span>您可以對<a style="color:#094696">0</a>條求購信息進(jìn)行報(bào)價(jià) <b style="color:#094696">尋找求購信息</b></span>
                    </div>

<div class="ctop2_1" id="ctop2_2" style="display:none;">
                          <b style="font-size:14px">我的求購里面的：</b>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">付款</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">發(fā)貨</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">收貨</b></span>
                                                  <b style="font-size:14px;height:48px;display:block;line-height:48px">求購信息報(bào)價(jià)：</b>
                        <span>您可以對<a style="color:#094696">0</a>條求購信息進(jìn)行報(bào)價(jià) <b style="color:#094696">尋找求購信息</b></span>
                    </div>

   function show_center(){

    document.getElementById("ctop2_1").style.display='none';
    document.getElementById("ctop2_3").style.display='none';
    document.getElementById("ctop2_2").style.display='block';   
}




 <div class="tab">
                    <div onmouseover="show_left()"><a href="#">我的消息</a></div>
                    <div onmouseover="show_center()"><a href="#">我的求購</a></div>
                    <div onmouseover="show_right()" ><a href="#">我的評論</a></div>
                 </div>
                    <div class="ctop2_1"  id="ctop2_1">
                          <b style="font-size:14px">我的消息里面的：</b>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">付款</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">發(fā)貨</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">收貨</b></span>
                                                  <b style="font-size:14px;height:48px;display:block;line-height:48px">求購信息報(bào)價(jià)：</b>
                        <span>您可以對<a style="color:#094696">0</a>條求購信息進(jìn)行報(bào)價(jià) <b style="color:#094696">尋找求購信息</b></span>
                    </div>
                      <div class="ctop2_1" id="ctop2_2" style="display:none;">
                          <b style="font-size:14px">我的求購里面的：</b>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">付款</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">發(fā)貨</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">收貨</b></span>
                                                  <b style="font-size:14px;height:48px;display:block;line-height:48px">求購信息報(bào)價(jià)：</b>
                        <span>您可以對<a style="color:#094696">0</a>條求購信息進(jìn)行報(bào)價(jià) <b style="color:#094696">尋找求購信息</b></span>
                    </div>
                    <div class="ctop2_1" id="ctop2_3" style="display:none;">
                          <b style="font-size:14px">我的評論里面的</b>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">付款</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">發(fā)貨</b></span>
                        <span>有<a style="color:#094696">0</a>筆交易等待您 <b style="color:#094696">收貨</b></span>
                                                  <b style="font-size:14px;height:48px;display:block;line-height:48px">求購信息報(bào)價(jià)：</b>
                        <span>您可以對<a style="color:#094696">0</a>條求購信息進(jìn)行報(bào)價(jià) <b style="color:#094696">尋找求購信息</b></span>
                    </div>
            </div>

js

function show_center(){

    document.getElementById("ctop2_1").style.display='none';
    document.getElementById("ctop2_3").style.display='none';
    document.getElementById("ctop2_2").style.display='block';   
}
function show_left(){
    document.getElementById("ctop2_2").style.display='none';
    document.getElementById("ctop2_3").style.display='none';
    document.getElementById("ctop2_1").style.display='block';   
}
function show_right(){
    document.getElementById("ctop2_1").style.display='none';
    document.getElementById("ctop2_2").style.display='none';
    document.getElementById("ctop2_3").style.display='block';   
}