在學(xué)做網(wǎng)站論壇之前的教程：如何給button按鈕添加點擊彈出窗口?，我們教大家制作了一個點擊彈出窗口。有些建網(wǎng)站學(xué)員按照步驟成功制作出了一個彈出窗口，但都反映彈出窗口缺少一個關(guān)閉按鈕。

下面我們就來教大家學(xué)習(xí)一下如何給彈出窗口添加關(guān)閉按鈕。

給彈出窗口層添加關(guān)閉按鈕，代碼總共分為三部分：

關(guān)閉按鈕HTML代碼

<a class="gbi">關(guān)閉</a>

關(guān)閉按鈕CSS代碼

.gbi{position:absolute;top:10px;right:10px;}

.gbi a{color:#333;}

關(guān)閉按鈕JS代碼

    <script>

    $(".gbi").click(function(){

?   $(".dialog").hide();

? });

    </script>

使用以上的代碼制作好之后的效果如下圖：

標(biāo)簽： 代碼 建網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。