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程序设计有所帮助。
相关推荐
-
javascript读写XML实现广告轮换(兼容IE、FF)
xml结构如下 复制代码 代码如下: <ad><tupian>http://www.seehaha.com/images/060901-150.100.2.gif</tupian><tupian>http://www.seehaha.com/xml/061009-300.100.jpg</tupian><dizhi>http://www.seehaha.com/plan/</dizhi><dizhi>http:
-
javascript实现淘宝幻灯片广告展示效果
本文实例讲述了javascript实现淘宝幻灯片广告展示效果的方法.分享给大家供大家参考.具体如下: 一.效果图如下: 二.代码部分: JS代码部分: function getClass(oParent,name){ var arr=[]; var oBj=oParent.getElementsByTagName("*"); for(var i=0;i<oBj.length;i++){ if(oBj[i].className==name){ arr.push(oBj[i]); }
-
如何制作浮动广告 JavaScript制作浮动广告代码
如果有一定的JavaScript基础,制作浮动广告还是比较容易的.直接上代码了: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
-
JavaScript常用的弹出广告及背投广告实现方法
本文实例讲述了JavaScript常用的弹出广告及背投广告实现方法.分享给大家供大家参考.具体分析如下: 弹出广告和背景广告在大网站用的比较多,也是站长的必备代码,本代码段中包括弹出窗口广告以及背投广告两种形式,根据自己的需要,你可以随意选择. 注:这类广告不建议大家用,大多浏览器都会把此类AD拦截,只为大家学习之用. 复制代码 代码如下: <html> <head> <title>JavaScript常用的弹出广告及背投广告代码</title> </
-
JavaScript实现网页上的浮动广告的简单方法
漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋.除了普通的Gif Banner.Flash外,浮动广告也是时下网上较为流行的广告形式之一.当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动.尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用.不过,如果你能善用的话,它就能发挥出极大的作用. 要做出浮动式广告的效果并不困难,如果你有JS基础的可以自己写一个,如果连写都懒得写的话,到网上下
-
Javascript实现飞动广告效果的方法
本文实例讲述了Javascript实现飞动广告效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g
-
Javascript实现带关闭按钮的网页漂浮广告代码
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id="img" style="position: absol
-
JavaScript定时显示广告代码分享
这是一则定时显示广告的javascript代码,当然也可以定时显示某一区块内容,很实用. 代码如下: 复制代码 代码如下: function strToDate(str, ext) { if (str == null || str == '') return; var arys = new Array(); arys = str.split('-'); var newDate = new Date(arys[0], arys[1] - 1, arys[2], 9, 0, 0); if
-
javascript强制点击广告的方法
本文实例讲述了javascript强制点击广告的方法.分享给大家供大家参考.具体如下: 这里介绍的强制点击广告的JavaScript代码,先点击广告后下载地址才生效,或者是先点击广告后才会显示某部分内容,一般用于下载站或文档资料类网站,尽量不要多用哦,否则网站的用户体验会很差! 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x
-
JavaScript实现广告的关闭与显示效果实例
本文实例讲述了JavaScript实现广告的关闭与显示效果.分享给大家供大家参考.具体实现方法如下: js代码部分如下: <script language="javascript"> <!-- function display(){ if(googlead.style.visibility == 'visible'){ googlead.style.visibility ='hidden' ; document.getElementById('words').inne
-
javascript+jQuery实现360开机时间显示效果
实现效果: 实现原理: 给关闭按钮绑定点击事件,点击以后触发动画效果.利用jQuery的animate方法,先让显示天气的盒子高度变为0,接着让整个包含天气和事件的盒子宽度变为0,最后通过将display属性值设为none,使得close按钮消失. 实现代码: <!DOCTYPE html> <html> <head> <title>仿360开机效果</title> <meta charset="utf-8"> &
-
原生javascript实现文件异步上传的实例讲解
效果图: 代码:(demo33.jsp) <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>demo33.jsp</title> </head> <body> <label for="text">名称</label>
-
JavaScript正则表达式校验与递归函数实际应用实例解析
JS递归函数(菲波那切数列) 实例解析: 一组数字:0 1 1 2 3 5 8 13 0 1 2 3 4 5 6 7 sl(0)=0; sl(1)=1; sl(2)=sl(0)+sl(1); sl(3)=sl(1)+sl(2); function sl(i){ if(i==0){ return 0; }else if(i==1){ return 1; }else{ return sl(i-1)+sl(i-2); } } 正则表达式检验 //校验是否全由数字组成 function isDigit(
-
JavaScript实现实时更新系统时间的实例代码
一.Js代码 function getTime(){ str = "当前系统时间:" var p = document.getElementById("sy_time"); time = new Date(); year = time.getFullYear(); month = time.getMonth() + 1; day = time.getDate(); hour = time.getHours(); minutes = time.getMinutes()
-
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
我们通过原型方式,解决了多个实例的方法共享问题,接下来,我们就来搞清楚原型(prototype),原型链的来龙去脉. function CreateObj(uName) { this.userName = uName; } CreateObj.prototype.showUserName = function(){ return this.userName; } var obj1 = new CreateObj('ghostwu'); var obj2 = new CreateObj('卫庄')
-
javascript汉字拼音互转的简单实例
如下所示: var PinYin = { charDict : "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQBYXZLDWRDJRWYSRLDZJPCBZJJBRCFTLECZSTZF
-
Android 侧滑关闭Activity的实例
Android 侧滑关闭Activity的实例 实现原因 其实侧滑关闭activity在网上也有大量的文章去介绍他,我也有去看,要么是代码实在太多看不下去,要么就是跑了项目没有反应的.唯一的方法还是自己随手鲁一个~,侧滑这个东西在Android中是比较少见的,iOS是最常见不过了,因为毕竟他们没有物理返回键.还有UIScrollView那些.然而我们用的最多的QQ也只是有个功能,并没有真正的滑动效果.至于微信的,我记得N久以前滑出了一个bug.也没什么印象了.估计也是极小的概率事件.于是,当初我
-
JavaScript中boolean类型之三种情景实例代码
实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co
-
Javascript农历与公历相互转换的简单实例
如下所示: /**用法 * Lunar.toSolar(2016, 6, 3); 农历转化公历 * Lunar.toLunar(2016, 7, 6); 公历转化农历 */ var Lunar = { MIN_YEAR : 1891, MAX_YEAR : 2100, lunarInfo : [ [0,2,9, 21936], [6,1,30, 9656], [0,2,17, 9584], [0,2,6, 21168], [5,1,26,43344], [0,2,13,59728], [0,2,
随机推荐
- 简单实现ajax三级联动效果
- Java中Vector与ArrayList的区别详解
- MySQL 5.6.14 win32安装方法(zip版)
- js利用正则表达式检验输入内容是否为网址
- PHP下操作Linux消息队列完成进程间通信的方法
- Android中通过MediaStore获取音乐文件信息方法
- Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
- Python获取央视节目单的实现代码
- PHP最常用的ini函数分析 针对PHP.ini配置文件
- 谈谈我对JavaScript中typeof和instanceof的深入理解
- 实例讲解Lua中pair和ipair的区别
- 详解springMVC之与json数据交互方法
- jquery选择器的选择使用及性能介绍
- JavaScript实现按键精灵的原理分析
- win2003 vps IIS6中添加站点并绑定域名的配置方法
- 详解spring中使用Elasticsearch的代码实现
- yii2使用gridView实现下拉列表筛选数据
- php与c 实现按行读取文件实例代码
- .NET Core 实现定时抓取网站文章并发送到邮箱
- 解决npm管理员身份install时出现权限的问题