对联广告

最新推荐文章于 2024-09-17 11:42:54 发布
最新推荐文章于 2024-09-17 11:42:54 发布
阅读量439 收藏 1
点赞数
分类专栏： jquery 文章标签： layer function xhtml javascript html 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helen_shw/article/details/5496824
版权 

<!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-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:17px;
	top:26px;
	width:96px;
	height:215px;
	z-index:1;
	background-color: #FF6600;

}
#Layer2 {
	position:absolute;
	left:806px;
	top:16px;
	width:104px;
	height:225px;
	z-index:2;
	background-color: #FF6600;
}
#Layer3 {
	position:absolute;
	left:297px;
	top:18px;
	width:353px;
	height:31px;
	z-index:3;
}
-->
</style>
<script language="javascript">
	function hiddenAll(){
		var l1 = document.getElementById("Layer1");
		var l2 = document.getElementById("Layer2");
		l1.style.display = "none";
		l2.style.display = "none";
	}
	function showAll(){
		var l1 = document.getElementById("Layer1");
		var l2 = document.getElementById("Layer2");
		l1.style.display = "block";
		l2.style.display = "block";
	}
</script>
</head>

<body>
<div id="Layer1">
  <p>北风网</p>

  <p>ExtJs教程</p>
  <p>火热发布中！</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>　　　　<span onclick="hiddenAll();" style="cursor:pointer">关闭</span></p>
</div>

<div id="Layer2">
  <p>北风网</p>
  <p>ExtJs教程</p>
  <p>火热发布中！</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>　　　　<span onclick="hiddenAll();" style="cursor:pointer">关闭</span></p>

</div>
<div id="Layer3">
  <div align="center"><span onclick="showAll()" style="cursor:pointer">显示广告</span></div>
</div>
</body>
</html>

haiwei_sun
关注
专栏目录
JQuery对联广告
bear_huangzhen的专栏
10-09 305
示例（Jquery对联广告）： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JQuery对联广告</title> <style type="text/css"> p{ width: 300px; ...
php对联广告,html左右对联代码 cms网站对联广告html代码
weixin_33773670的博客
03-13 660
实现网页左右两侧居中的对联广告代码你只记得自己有好多朋友却从没想过小编只有你一人。无标题文档 #left{ width:200px;height:450px; position:absolute; left:0px; background:red; border:1px #000 solid} #right{width:200px;height:450px; position:absolute; ...
php对联广告,对联广告
weixin_28742653的博客
03-13 75
对联广告即用对联的形式宣传产品的广告，从古至今，这种广告形式一直受到人们的青睐和欢迎。戏园的广告是“凡事莫当前，看戏何如听戏好，为人须顾后，上台终有下台时”;古玩店的对联是“玩物岂能真丧志，居原只为乐陶情”，这两则对联广告妙就妙在不仅仅是一则普通的广告，更是人生箴言。眼镜店的广告是“好句不妨灯下草，高年能辨雾中花”，真乃恰到好处，令人回味无穷。酒类广告也很有特色，山西杏花村汾酒的广告是“酒气冲天，...
php对联广告,js 左右悬浮对联广告代码示例
weixin_35973521的博客
03-13 164
一段js 左右悬浮广告代码，只要修改广告图片地址与连接地址，相应参数根据页面调整下就可以使用这段左右悬浮广告代码了代码：var delta=0.15var collection;function floaters() {this.items = ;this.addItem = function(id,x,y,content){document.write(''+content+'');var ne...
对联广告php代码,JS实现很实用的对联广告代码（可自适应高度）
weixin_36317943的博客
03-25 798
本文实例讲述了JS实现很实用的对联广告代码(可自适应高度)。分享给大家供大家参考。具体如下：这是一款很实用的基于JS+CSS+DIV的网页对联广告代码，自适应网页高度，也就是始终保持在一定调试，这款暂时没有关闭功能。运行效果截图如下：在线演示地址如下：具体代码如下：简洁对联广告代码lastScrollY=0;function heartBeat(){var diffY;if (document.d...
两侧广告HTML,jquery实现两边飘浮可关闭的对联广告
weixin_42143161的博客
06-17 729
效果展示：代码说明:可关闭的左右两边飘浮的对联广告代码jquery特效，宽屏分辨率大于1024px才显示。因为考虑到窄屏下显示对联广告那真是用户体验超差。点击关闭按钮可以单独关闭自己一边的飘浮的对联广告代码。js代码中的var screen_w = screen.width; if(screen_w>1024){duilian.show();} 是jquery判断浏览器分辨率的，你可以修改这...
php对联广告,纯DIV/CSS对联漂浮广告代码(无JS)
weixin_28751115的博客
03-13 215
源码网两侧漂浮。经测试，兼容IE6，IE7，Firefox浏览器。CSS代码为：.r1{width:80px;height:80px;background:red;float:right;position:fixed !important; top/**/:200px;position:absolute; z-index:300; top:expression(offsetParent.scrol...
对联广告php代码,css实现的对联广告代码
weixin_39965102的博客
03-25 119
css 代码.couplet_ad/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}* html .couplet_ad/* IE6 底部固定*/{_position:absolute;_bottom:auto;_top:express...
两侧广告HTML,网页左右两侧居中的对联广告代码
weixin_28318011的博客
06-29 332
无标题文档#left{ width:200px;height:450px; position:absolute; left:0px; background:red; border:1px #000 solid}#right{width:200px;height:450px; position:absolute; right:0px; background:blue; border:1px #000...
对联广告 flash版
12-11
根据提供的文件信息，我们可以推断出此文档与Flash技术在创建对联广告中的应用有关。以下是对该主题涉及的关键知识点的详细阐述。 ### Flash技术概述 #### 1. Flash技术简介 Flash是一种广泛应用于Web动画制作、...
对联广告 可关闭
12-12
在互联网世界中，广告是许多网站和服务的主要收入来源，其中包括了一种特定形式的广告——对联广告。对联广告，顾名思义，是指那些设计成对联样式，通常出现在网页两侧，为用户提供信息或者推广商品或服务的广告。...
可关闭的对联广告代码
06-10
在IT行业中，对联广告是一种常见的在线营销方式，它通常出现在网页两侧，呈现出类似对联的形式，为用户提供信息或推广产品。"可关闭的对联广告代码"指的是那些允许用户在不感兴趣时自行关闭的广告代码实现。这种设计...
css实现的对联广告代码
10-26
本文章讨论的是使用纯CSS代码来实现网页中的对联广告，它强调兼容性，能够适应包括旧版的IE、Firefox（ff）以及Chrome（gg）在内的所有主流浏览器。这里的对联广告代码是通过CSS来定位和样式设置的，并且还提供了...
XHTML简介
qq_48501521的博客
09-11 987
XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是 2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持。
【JavaScript】LeetCode：707设计链表
weixin_45980065的博客
09-14 660
【代码】【JavaScript】LeetCode：707设计链表。
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
最新发布
m0_51798113的博客
09-17 327
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
使用 uni-app 开发微信小程序的详细指南
2301_79685859的博客
09-16 755
uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码，可以生成多端应用，包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。
jQuery实现动态加载对联广告特效
本文主要介绍了如何利用对联广告的形式进行营销推广，并结合前端技术和jQuery库实现动态效果。对联广告通常在网页设计中作为吸引用户注意力的元素，通过在合适的位置（如页面中部或两侧）弹出对联形式的信息，传达...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值