javascript制作对联广告

最新推荐文章于 2022-05-10 19:11:04 发布
最新推荐文章于 2022-05-10 19:11:04 发布
阅读量1k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 对联广告
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hhrxp/article/details/11728593
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>对联广告 - Citk.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="margin:0px;">
<div align="center">
  <center>
  <table border="1" width="776" height="3000" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-

family:黑体;"><br><br>页<br>面<br>区<br>域</div></td>
    </tr>
  </table>
  </center>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var showad = true;
var Toppx = 60;   //上端位置
var AdDivW = 100;  //宽度
var AdDivH = 360;  //高度
var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
var ClosebuttonHtml = '<div align="right" style="position:

absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:hidead();"

style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑

体;"><br><br>广<br>告<br>内<br>容</div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid

#336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-

1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid

#336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-

1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
 if(!showad){return;}
 if (window.screen.width<MinScreenW){
  alert("临时提示：\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
  showad = false;
  document.getElementById("Javascript.LeftDiv").style.display="none";
  document.getElementById("Javascript.RightDiv").style.display="none";
  return;
 }
 var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;
 document.getElementById("Javascript.LeftDiv").style.display="";
 document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;
 document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx;
 document.getElementById("Javascript.RightDiv").style.display="";
 document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx;
 document.getElementById

("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-

document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx;
}
function hidead()
{
 showad = false;
 document.getElementById("Javascript.LeftDiv").style.display="none";
 document.getElementById("Javascript.RightDiv").style.display="none";
}
window.οnscrοll=scall;
window.οnresize=scall;
window.οnlοad=scall;
//-->
</SCRIPT>
</body>
</html>
hhrxp373317
关注
专栏目录
一个对联广告的js
10-15
js实现的对联广告,使用起来很方便，不用再自己写，直接用就可以。
jquery图片对联广告制作jQuery侧面浮动图片广告
06-17
【标题】"jQuery图片对联广告制作jQuery侧面浮动图片广告"涉及到的是网页开发中的广告设计与实现技术，主要使用了JavaScript库jQuery来实现动态、交互式的广告效果。在这个项目中，开发者通过jQuery创建了一个侧边栏...
js 对联广告
潇湘博客
07-15 1273
 //****************************************************************************************//& 名称: [对联广告] JS脚本类//& 作用: 显示页面的对联广告//& 方法://& SmileAdver.setLeftPos(10);          //设置左边对联的距页面左边的位置(PX)//
JavaScript实现对联广告效果！
04-26 1225
实现对联广告效果，能够关闭。var delta=0.015; var collection; var closeB=false; function floaters() {　this.items = [];　this.addItem = function(id,x,y,content)　　　{　　 document.write(+content+);　　 　　 var newItem　
JavaScript 网页两侧对联浮动广告
xiaoyu714543065的专栏
11-01 1721
1：源码 [javascript] view plaincopyprint? function FloatCouplet(leftElement, rightElement) {      if (arguments.length == 0) return;            lastScrollY=0;      function heartBeat(leftEl
对联广告js实现
weixin_30596165的博客
08-20 125
昨天发现现有门户的对联广告在FF下显示的不正常了，看着很不爽，所以就小优化下。优化过的脚本适用于FF3.5.2/IE8/Throme3.0。优化内容：1. 使用匿名函数，避免广告脚本和引用页面对象冲突。但是渲染出的div对象仍需要另行处理（动态加guid）2. 更换不兼容的脚本，适用大部分浏览器 ads_code(function(){var_targetUrl="http%3a...
对联广告 flash版
12-11
根据提供的文件信息，我们可以推断出此文档与Flash技术在创建对联广告中的应用有关。以下是对该主题涉及的关键知识点的详细阐述。 ### Flash技术概述 #### 1. Flash技术简介 Flash是一种广泛应用于Web动画制作、...
js 左右悬浮对联广告特效代码
10-25
左右悬浮对联广告特效代码是在网页中制作左右两侧漂浮广告的一种JavaScript特效实现方式。这种特效能够让广告在页面的左侧或右侧不停地上下漂浮，增加广告的曝光率，通常用于提升网站的点击率或吸引用户的注意力。在...
原生js广告代码制作可展开关闭的页面上固定的图片对联广告代码
10-31
在本文中，我们将深入探讨如何使用原生JS创建一个可展开和关闭的固定图片对联广告代码，这种广告通常出现在页面两侧，提供吸引用户注意力的视觉元素。 首先，我们需要理解HTML结构。一个简单的图片对联广告可能包含...
jquery实现对联广告的方法
10-24
综上所述，jQuery实现对联广告的技巧是前端开发中的一种实用技术，涉及到了HTML、CSS、JavaScript（特别是jQuery库）的综合运用。掌握这些内容可以帮助开发者制作出具有动态效果和良好交互体验的网页广告，同时也...
对联广告代码
05-13
对联广告代码
JavaScript完成简单的对联广告
简单就是美
10-21 1634
非常简单的使用方法，只需在需要加入广告的页面引入一个js文件即可。
html，js实现对联广告
weixin_45712645的博客
05-10 569
HTML <div id="container"> <div id="content"> <p>网页内容</p> <p>网页内容</p> <p>网页内容</p> <p>网页内容</p> <p>
javascript　完美解决对联广告
weixin_33743661的博客
03-07 77
javascript　完美解决对联广告 // function couplet(){ if(arguments.length&gt;=1) this.objID = document.getElementById(arguments[0]); if(arguments.length&gt;=2) this.divTop = arguments[1]; ...
js对联
04-24 472
//我呕心沥血一天半 终于搞明白了！！！！！！！！//做网站的过程中逐渐学会了  学习 。//虽然过程很累，但是结果很甜蜜。js代码下面的红色部分就是咱们要修改的内容：一些常用的标签都可以。绿色的部分就是位置  6   80    距离左边6px   80  距离上边80px
用jQuery制作对联广告
li840793179的博客
08-09 226
HTML的页面创建就不谈了，我直接讲解我制作对联广告的思路。 首先在<body>标签里创建两个用<img>标签，用来放置图片。 为了最后的效果能得到展示，在<img>标签下面尽可能的加多一点<br>标签。 然后就是css样式的编写，让两张图片一左一右显示，最后再把两张图片隐藏起来。 最后就是JS功能的编写。 代码写好后就能看看我们编写代码在浏览器的输出。注意看最右边的浏览条的位置 ...
对联广告html,jquery实现对联广告的方法
weixin_33212486的博客
06-25 91
$(document).ready(function(){var duilian = $("div.duilian");var duilian_close = $("a.duilian_close");var window_w = $(window).width();if(window_w>1000){duilian.show();}$(window).scroll(function(){v...
jQuery实现对联式广告
宏斌的博客
01-25 488
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>advertising</title> <link rel="icon" href="../../../img/sup.ico" type="img/x-ic...
简单实用的js对联代码
weixin_34008805的博客
11-20 188
<script language="javascript"> lastScrollY=0; function heartBeat(){ diffY=document.body.scrollTop; percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); el...
javascript制作对联
最新发布
07-12
JavaScript可以用来制作对联，下面是一个简单的示例： ```html <!DOCTYPE html> <title>JavaScript对联 body { text-align: center; padding: 50px; font-size: 24px; } 对联生成器 ()">生成对联 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值