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

263 阅读 0 评论 174 点赞

我是靠谱客的博主老迟到花瓣，最近开发中收集的这篇文章主要介绍JavaScript实现广告的关闭与显示效果实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

js代码部分如下：

<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部分如下：

<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程序设计有所帮助。