亚洲青青视频一区|8MAV在线观看|天天看AV天天看|中日成人手机在线|欧美激情五区六区|亚洲婷婷天堂级片|亚洲天堂网7777|欧美日韩其他另类|手机在线成人AV|成人性大片一区二区三区四区五区

284292114@qq.com 中國站
新聞中心 網(wǎng)絡(luò)推廣 網(wǎng)站建設(shè) 優(yōu)化推廣 首頁>新聞中心>網(wǎng)站建設(shè)

實(shí)用的JS點(diǎn)擊彈出彈窗的代碼。

時間:2020-12-18   訪問量:0
   <a href = "JavaScript:void(0)" onclick = "openDialog1()">查看更多</a>

以上是原本顯示的內(nèi)容,可以放在任何地方。


<div id="light1" class="white_content">    
<div class="leftcont">    
<a href = "javascript:void(0)" onclick = "closeDialog1()" class="close"><img src="/style/close.png" alt=""></a>    
</div>    
<div class="rightcont">    
<p>?瑜伽的時候讓你的身體沒有外在的束縛,舒展自如,能帶給你平靜、放松心情的瑜伽服才是手選。</p>    
</div>     
</div>

這一段是彈窗代碼,ID為light1,里面附帶了一個關(guān)閉按鈕。


下面這一段是JS代碼。

function openDialog1(){    
document.getElementById('light1').style.display='block';   
 
}    
function closeDialog1(){    
document.getElementById('light1').style.display='none';    

}


為什么ID和按鈕后面我都有一個數(shù)字1呢。因為這個可以在一個頁面中加N多個,同時假如你是從后臺調(diào)用數(shù)據(jù),那么可以用標(biāo)簽進(jìn)行循環(huán)生成數(shù)據(jù)。

非常實(shí)用簡單易懂。





服務(wù)咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請聯(lián)系項目經(jīng)理

15899750475 楊先生