为页面两边增加对联广告,增加关闭按钮,点击可以关闭对联 两边都关闭

 1 <body>
 2 <div id="ad1" class="ad1">
 3     <img src="http://p2.ifengimg.com/a/2017/0104/fb96dfa4d829fd1size22_w120_h164.png" style="width: 100%;height: 100%" >
 4 </div>
 5 <div id="ad2" class="ad2">
 6     <button class="close" id="close">关闭</button>
 7     <img src="http://p2.ifengimg.com/a/2017/0104/fb96dfa4d829fd1size22_w120_h164.png" style="width: 100%;height: 100%" >
 8 </div>
 9 <script>
10     var close=document.getElementById(‘close‘);
11     var ad1=document.getElementById(‘ad1‘);
12     var ad2=document.getElementById(‘ad2‘);
13     close.addEventListener(‘click‘,function () {
14         ad1.style.display=‘none‘;
15         ad2.style.display=‘none‘;
16     })
17 </script>
18 </body>
时间: 2024-08-28 16:40:15

为页面两边增加对联广告,增加关闭按钮,点击可以关闭对联 两边都关闭的相关文章

当滚动条滚动到页面底部自动加载增加内容的js代码

这篇文章主要介绍了如何使用javscript实现滚动条滚动到页面底部自动加载增加页面内容,需要的朋友可以参考下..1,注册页面滚动事件,window.onscroll = function(){ }; 2,相关获取页面高度.滚动条位置.文档高度的函数: 复制代码 代码如下://获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentEle

如何通过聚合页面技术让网站快速增加成倍页面数量与收录量?

聚合页技术是什么? 通过关键词去站内搜索出一些结果做成SEO友好的静态化页面.在聚合页面之间需要做一些内链,形成链轮,便于搜索引擎蜘蛛爬取,且在网站高权重页面增加链接入口,以吸引蜘蛛前来爬取页面的一种SEO技术方式. 聚合页技术可快速增加成倍页面数量与收录量? 这是一种被广泛验证的SEO技术了,各种大小网站均有应用,大家可以site一下各种网站的站内搜索域,就会有惊喜发现,下面举个例子: 其他的网站大家可以自行试试. 为什么可以增加成倍页面,一般做聚合页可以按内容:关键词的比例为1:1至1:5之

带关闭按钮的跟随窗口移动对联广告代码

http://www.xuecss3.com/qttx-25-2991-1.html <!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"> <

jquery两边飘浮的对联广告

<!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="Content-

JS写出登陆遮罩层+浮动对联广告

用JS写出 遮罩层登陆框 和 对联广告 并自动跟随滚动条 滚动 保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码. ================> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml

对联广告2

<html><head><title>对联广告</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body style="margin:0px;"><div align="center">  <center>

JQuery对联广告

html--------------------------------------------------------------------------------------<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="../js/jquery-3.2.1.min.js"></script> <link

如何屏蔽UC强制嵌入到你网站页面上的垃圾广告

不知道大家在手机上用UC浏览器的时候, 有没有注意到网页底部有时候会随机出现一大块广告 如下图: 为了避免广告嫌疑, 我这里主要用 CSDN 的官网举例(其实已经处处可见了, 大部分网站页面都被注入过广告) 这里插了一个 Swoole 的官网, 也被注入了 大家可能会觉得广告太常见了, 没什么好说的了, 不过这个广告却很特殊的. 因为绝大部分人不注意看, 都会以为这是 CSDN 投放的广告, 可能一些同学就会开骂了, 不过现实是你误会了, 这不是 CSDN 投放的广告, 而是犯贱的 UC 强制注

我们这里有仿百度联盟对联广告实现代码

仿百度联盟对联广告源代码展示,主要使用现代浏览器都支持的position:fixed属性,并专门针对ie6做了最大限度的兼容性处理 <style type="text/css"> 02 *{margin:0;padding:0;} 03 body{height:2000px;} 04 .floatAd{width:124px;height:299px; text-align:center; position:fixed;margin-left:0;top:109px; _p

无法屏蔽的左右漂浮图片对联广告

<!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> <title>无法屏蔽的左右漂浮图片对联广告丨河北塑胶地