侧广告条

最新推荐文章于 2024-09-03 16:07:32 发布
最新推荐文章于 2024-09-03 16:07:32 发布
阅读量471 收藏
点赞数
分类专栏： ajax 文章标签： javascript function border float div 浏览器
<SCRIPT language=javascript type=text/javascript>
<!--对联代码开始-->
   //<![CDATA[
   var adLeftSrc = "uploadfile/2007123091038.jpg" //图片地址
   var adLeftHref = " http://www.sina.com "
   var adLeftWidth = "100"
   var adLeftHeight = "250"
   var adRightSrc = "uploadfile/2007123091038.jpg"//图片地址
   var adRightHref = " http://www.baidu.com "
   var adRightWidth = "100"
   var adRightHeight = "250"
   var marginTop = "300" //在这里更改距离浏览器底端的高度
   var marginLeft = "-2"//在这里更改距离浏览器右端的高度
   var navUserAgent = navigator.userAgent
   function load(){
judge();
move();
   }
   function move() {
judge();
setTimeout("move();",80)
   }
   function judge(){
if (navUserAgent.indexOf("Firefox") >= 0 || navUserAgent.indexOf("Opera") >= 0) {
   if (adLeftSrc != "") {document.getElementById("adLeftFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.body.clientHeight > document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight) - adLeftHeight - marginTop + 'px';}
   if (adRightSrc != "") {
    document.getElementById("adRightFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.body.clientHeight > document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight) - adRightHeight - marginTop + 'px';
    document.getElementById("adRightFloat").style.left = ((document.body.clientWidth > document.documentElement.clientWidth)?document.body.clientWidth:document.documentElement.clientWidth) - adRightWidth - marginLeft + 'px';
   }
}
else{
   if (adLeftSrc != "") {document.getElementById("adLeftFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.documentElement.clientHeight == 0)?document.body.clientHeight:document.documentElement.clientHeight) - adLeftHeight - marginTop + 'px';}
   if (adRightSrc != "") {
    document.getElementById("adRightFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.documentElement.clientHeight == 0)?document.body.clientHeight:document.documentElement.clientHeight) - adRightHeight - marginTop + 'px';
    document.getElementById("adRightFloat").style.left = ((document.documentElement.clientWidth == 0)?document.body.clientWidth:document.documentElement.clientWidth) - adRightWidth - marginLeft + 'px';
   }
}
if (adLeftSrc != "") {document.getElementById("adLeftFloat").style.left = marginLeft + 'px';}
   }
  
   if (adLeftSrc != "") {
document.write("<div id=/"adLeftFloat/" style=/"position: absolute;width:" + adLeftWidth + ";height:100px; font-size:12px;/"><img src=/"uploadfile/close.gif/" width=/"18/" border=/"0/" height=/"17/" onMousedown=/"javascript:close_float_left();void(0);/";>");

   document.write("<div id=/"Float/" style=/"width:" + adLeftWidth + ";/"><a href=/"" + adLeftHref +"/" target=_blank><img src=/"" + adLeftSrc + "/" width=/"" + adLeftWidth + "/" height=/"" + adLeftHeight + "/" border=/"0/" /></a></div>");
   document.write("</div>");
   }
  
  
  
   if (adRightSrc != "") {
   document.write("<div id=/"adRightFloat/" style=/"position: absolute;width:" + adRightWidth + ";height:100px; font-size:12px;text-align:right;/"><img src=/"uploadfile/close.gif/" width=/"18/" border=/"0/" height=/"17/" onMousedown=/"javascript:close_float_right();void(0);/";>");
   document.write("<div id=/"Float/" style=/"width:" + adRightWidth + ";/"><a href=/"" + adRightHref +"/" target=_blank><img src=/"" + adRightSrc + "/" width=/"" + adLeftWidth + "/" height=/"" + adRightHeight + "/" border=/"0/" /></a></div>");
   document.write("</div>");
   }
   load();
function close_float_right(){
document.getElementById("adRightFloat").style.display="none";}
function close_float_left(){
document.getElementById("adLeftFloat").style.display="none";} //]]>
</SCRIPT>
<body>
<table height="2000"><tr><td></td></tr></table>
</body>
 
龙十四
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html网页中两侧浮动广告怎么做,网页两侧浮动广告图片js代码
weixin_39593718的博客
06-22 3354
今天做网页两侧浮动广告图片，用js代码是实现，下面是一个*.js文件，在需要用到的网页加一句代码language="javascript"src="*.js">即可使用，我可弄好的，分享给有需要朋友。leftcode1="href='http://www.dizhu88.com/'target='_blank'>src='http://www.dizhu88.com/images/xibao...
css 侧栏跟随_如何实现博客的侧栏跟随（滚动条）效果
weixin_33249310的博客
12-24 866
现在许多web2.0风格的网站都喜欢用“侧栏跟随”的效果，就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较多、内容较长的网站。这种特效对提高网站浏览量、文章点击率、广告点击量都有一定效果。效果演示具体实例，请参见网络文摘栏目随机文章，未来主博客不一定会用。代码如下：CSS部分：/*侧栏跟随*/#box{float:left;position:relative;width:...
去除mac系统下浏览器烦人的右侧和下侧广告条
溪居
04-17 4867
不知道从什么时候开始在mac系统下用浏览器浏览网页右侧或下侧都会出现一个广告条，每次都是手工点击叉关闭，但刷新页面或跳转页面还会出现，真是太烦人了，终于找到解决办法了，原来是一个叫"Yontoo"的插件在作怪，在偏好设置中将其卸载或关闭即可，如下图：     以safari为例，下图是未去除前，很讨厌的广告条。     找到偏好设置，位置在最上面：
案例之页面侧边广告跟随
初阶农民工的博客
08-19 1618
效果：页面有滚动条，当移动滚动条时，保持广告在页面左(右)侧位置不变 思路：当window触发onscroll事件时，使用定时器使广告跟随移动 关键知识：onscroll,setInterval 具体代码：   &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;  ...
js学习之——网页侧边栏广告效果
hou_zi的博客
01-31 3326
侧边栏广告就是指我们在浏览网站的时候在网页的右边中间部分显示的那个div，无论我们是拖动滚动条，还是放大缩小窗口，广告始终显示在右边的中间。这里主要是提供两种方法的实现。 方法一： 就是使用纯粹的布局来实现，比较简单，即是使用 position:fixed; 没有什么好说的直接看代码： html lang="en"> head> meta charset="UTF-8">
去除CSDN广告的方法
越努力 越自由
07-23 8443
今天登陆CSDN，发现每浏览一篇文章广告直接弹出来，阻碍视线，也太恶心了吧，看下面直接弹出来。之前的广告还能进觉得没啥，但是现在这个我完全不能接收，太过分了
css 侧栏跟随_WordPress侧栏跟随固定浮动效果完美解决方案
weixin_34008445的博客
12-24 797
WordPress侧栏跟随固定浮动效果完美解决方案关于“WordPress侧边栏跟随固定浮动效果”，网上一搜一大把，可真正能实现的没有几个，再加上教程写的都不那么完整，大家操作过程中就会遇到这样那样的问题，苦不堪言，百试而得不到解决，最后无奈放弃。下面我把自己怎么实现“WordPress侧边栏跟随固定浮动效果“的方法步骤给大家分享下，希望解决您的问题之后，您可以给一个回复(赞)。1.卢松松代码(万...
实现轮播广告位和固定位置广告位
csdn_jy的博客
09-29 4056
     最近使用bootstrap做了个轮播广告位的展示和在窗口固定位置广告位的实现，下面来总结一下！      轮播广告位：     去bootstrap的官网，我们可以看到有提供实现轮播的插件，我也是用的这个插件，Bootstrap 轮播（Carousel）插件     地址： http://www.runoob.com/bootstrap/bootstrap-carousel-plu...
JS 左右两侧浮动广告
胡汉三
12-07 6833
左右两侧浮动广告   <!-- var showad = true; var Toppx = 60; //上端位置 var AdDivW = 100; //宽度 var AdDivH = 300; //高度 var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条 var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
WORDPRESS 侧边栏实现随滚动条滑动固定的效果
01-11 1472
最近在一些博客看到侧边栏某些板块，随着滚动条的滑动，而跟着滑动或者固定的效果，感觉非常的人性化，一来可以弥补当一个页面很长，但侧边栏太短的时候的空白，二来可以合理利用空间展示更多信息，可以大大的提高曝光率和点击率。这样子的效果很适合于文章的列表（比如月度排行、热门文章之类的），还有适合于广告联盟的展示。所以去网上找了一些资料，整理了一下，现在分享给大家，也方便以后自己查阅，希望对大家有用。
两边静止的广告条
12-12
在网页设计中，"两边静止的广告条"是一种常见的布局方式，特别是在电子商务网站和新闻门户上，这种设计可以吸引用户的注意力，同时不影响主要内容的浏览。这种广告条通常位于页面的两侧，无论用户滚动页面，它们始终...
js实现左右两侧浮动广告
10-18
在网页设计中，浮动广告是一种常见的营销手段，它可以在用户浏览页面时持续出现在屏幕的一侧，从而吸引用户的注意力。本文将详细介绍如何使用JavaScript实现左右两侧的浮动广告。 首先，我们需要理解JavaScript的...
网站上部广告 960宽的定时左右滑动JS横幅广告条代码.zip
11-22
该压缩包文件“网站上部广告 960宽的定时左右滑动JS横幅广告条代码.zip”包含了创建一个960像素宽度的、具备定时左右滑动效果的JavaScript横幅广告条所需的所有资源。这个广告条适用于网页设计，可以有效提升网站的...
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
12-10
【博客侧边栏模块跟随滚动条滑动固定效果的实现方法】 在网页设计中，侧边栏通常用于显示各类辅助信息，如文章分类、广告、最新评论等。然而，当页面内容过长时，传统的侧边栏设计可能导致部分模块无法在用户视野内...
【基础】Three.js加载纹理贴图、加载外部gltf格式文件
stay hungry, stay foolish
09-02 1482
.gltf（JSON文件）: 描述模型的主要结构，包括几何体、材质、动画、场景等。.bin（二进制文件）: 存储顶点数据、法线、UV坐标等二进制数据。纹理（.png, .jpg）: 存储模型使用的纹理贴图。。
跨页面进行数据通讯
榴莲不好吃的专栏
09-02 480
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。
vue3+vite 通过js引入的src，在打包后为什么不能显示
肖肖肖丽珠的博客
09-02 299
页面有个图片我是动态设置的。但是打包之后一直没有找到。我本来使用的绝对定位发现不行，改成了相对的也不行，最后改成下面的这种就可以啦。
Vue双向绑定
m0_56131422的博客
09-01 770
简单来说，双向绑定就是数据改变影响视图，视图改变也会影响数据。Vue 的双向绑定主要通过v-model。
WHAT - React 函数与 useMemo vs useCallback
最新发布
weixin_58540586的博客
09-03 830
目录介绍`useMemo` 与 `useCallback` 的区别示例代码`useMemo` 示例`useCallback` 示例总结 介绍 在 React 中，useMemo 和 useCallback 是两个用于性能优化的钩子，尽管它们有些相似，但各自有不同的用途和应用场景。理解它们的区别和适用情况可以帮助你更有效地管理组件的性能和状态。 useMemo 与 useCallback 的区别 useMemo: 目的: 用于记忆化（缓存）计算结果。它接受一个计算函数和依赖项数组，只有当依赖项发生变化时
电子商务网络广告的要素、计费方式与特点
通栏广告，横跨网页宽度的广告条；按钮型广告，通常是小图标形式，链接至企业主页；以及移动广告，能在屏幕上移动，吸引用户的注意力。 这些发布形式各有优势，企业可以根据自身产品特性、目标受众和营销策略选择...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值