JavaScript实现广告的关闭与显示效果实例

2015-07-033lian8 的分享   加三联MM小编微信好友:sanlian2018

   本文实例讲述了JavaScript实现广告的关闭与显示效果。分享给大家供大家参考。具体实现方法如下:

  js代码部分如下:

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="javascript">
<!--
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;
}
}
//-->
</script>

  html部分如下:

  ?

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

  希望本文所述对大家的javascript程序设计有所帮助。

TA发布的帖子

881

收藏

605