JavaScript實作廣告的關閉與顯示效果實例_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

JavaScript實作廣告的關閉與顯示效果實例_javascript技巧

May 16, 2016 pm 03:52 PM

javascript 關閉廣告顯示

本文實例講述了JavaScript實現廣告的關閉與顯示效果。分享給大家供大家參考。具體實作方法如下：

js程式碼部分如下：

&lt;script language="javascript"&gt; 
&lt;!-- 
function display(){ 
if(googlead.style.visibility == 'visible'){ 
googlead.style.visibility ='hidden' ; 
document.getElementById('words').innerHTML='关闭'; 
return true; 
} 
else{ 
googlead.style.visibility='visible'; 
document.getElementById('words').innerHTML='显示'; 
return false; 
} 
} 
//--&gt; 
&lt;/script&gt;

登入後複製

html部分如下：

&lt;div id="googlead" style="margin-bottom:5px;width:728px;height:90px;float:left;visibility:visible"&gt;换客网广告...&lt;/div&gt; 
&lt;div id="myid" &gt;&lt;span id="words" onclick="return display()"&gt;关闭&lt;/span&gt;&lt;/div&gt;

登入後複製

希望本文所述對大家的javascript程式設計有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn