随网页页面滚动而动的两侧广告

最新推荐文章于 2023-07-13 18:09:13 发布
最新推荐文章于 2023-07-13 18:09:13 发布
阅读量417 收藏
点赞数
分类专栏： 页面制作 文章标签： IE CSS JavaScript ViewUI
  <html>
<head>
<title>Live Chat</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<SCRIPT language=JavaScript>
 self.onError=null;
 currentX = 0;  
 currentY = 0;
 whichIt = null;           
 lastScrollX = 0;
 lastScrollY = 0;
 NS = (document.layers) ? 1 : 0;
 IE = (document.all) ? 1: 0;
 function heartBeat() { 
 if(IE) {diffY = document.body.scrollTop;       diffX = 0;          }    
 if(NS) {diffY = self.pageYOffset; diffX = self.pageXOffset; } 
 if(diffY != lastScrollY) {                 percent = .1 * (diffY - lastScrollY);
 if(percent > 0) percent = Math.ceil(percent);                
 else percent = Math.floor(percent);  
 if(IE) {document.all.floater.style.pixelTop += percent;
         document.all.floater1.style.pixelTop += percent;}  
 if(NS) {document.floater.top += percent;
         document.floater1.top += percent;}                 
   lastScrollY = lastScrollY + percent;   
   }
if(diffX != lastScrollX) {   percent = .1 * (diffX - lastScrollX);  
 if(percent > 0) percent = Math.ceil(percent);  
 else percent = Math.floor(percent);  
 if(IE) {document.all.floater.style.pixelLeft += percent;
          document.all.floater1.style.pixelLeft += percent;
    }  
 if(NS) {document.floater.top += percent;
          document.floater1.top += percent; }   lastScrollY = lastScrollY + percent;  }  } 
 if(NS || IE) action = window.setInterval("heartBeat()",1);
 </SCRIPT>
 
 </head>
 <body>
 <DIV id=floater style="Z-INDEX: 1; right: 0px; WIDTH: 145px; POSITION: absolute; TOP:10px; HEIGHT: 350px">
<TABLE WIDTH=130 height="135" BORDER=0 CELLPADDING=2 CELLSPACING=2>
<TR>
<td width="176" align="left" valign="top">
<a href="#">
<img src="image3/chating.gif" width="203" height="121" border="0">
</a></td>
</TR>
</TABLE>
 
</DIV>
 <DIV id=floater1 style="Z-INDEX: 1; left: 0px; WIDTH: 145px; POSITION: absolute; TOP:10px; HEIGHT: 350px">
<TABLE WIDTH=130 height="135" BORDER=0 CELLPADDING=2 CELLSPACING=2>
<TR>
<td width="176" align="left" valign="top"><a href="#"><img src="image3/chating.gif" width="203" height="121" border="0"></a></td>
</TR>
</TABLE>
 
</DIV>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
iteye_906
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网页滚动广告 随着网页的下拉而跟着走动
02-28
源代码，直接可以使用。随着网页的下拉而跟着走动
JavaScript实现跟随滚动缓冲运动广告框
12-11
当我们浏览一些网页时我们会发现页面的的边上会有广告图片，当滚动滚动条的时候这些广告图片会跟随性的随页面一起运动（这里我叫它为广告框）。一些网页的广告框是固定在浏览器上的用background：fixed；便可实现。这里我用JavaScript简单的制作了一个随滚动缓冲运动的广告框。 制作的原理比较简单，大家都有一个完美的js运动框架，这里的缓冲运动需要用到。这里的广告框设定的是跟随滚动条缓冲运动并运动到浏览器的中间位置。需要理解的是运动距离的计算和一些细节上的处理（一些BUG的预防） 这是我在这里使用的一个js运动框架，传递的参数只有一个并不是完美运动框架。传递的参数是广告框的运动距离，因此
js网页侧边随页面滚动广告效果实现
01-21
a.scrollTop的计算； b.滚动元素的定位值计算； c.滚动周期设定； 代码如下： css部分： 代码如下: /*测试用的高度*/ body{ height:3000px;} div,ul,li,body{margin:0; padding:0;} /*position:absolute;用于元素的定位*/ #roll{width:50px; height:100px; background:#99CC00; position:absolute;} Html代码： 代码如下: <body> <div id=”roll”></div> </body> JS代码： 代码如下: v
jQuery动画库页面滚动元素动画
06-24
jQuery动画库页面滚动元素动画是一款基于aos.js实现的，该动画库可以在页面滚动时提供28种不同的动画元素展示效。
网页滚动广告模板
03-08
该资源是用javascript写的网页滚动广告，广告可以随着网页的滚动而滚动，总是固定在一个地方。使用请遵照使用说明，允许浏览器加载可选项，否则看不出效果
随机调用iframe JS 的广告代码，随页面滚动广告循环播放。。
weixin_34392906的博客
02-26 156
var imgheightvar imgleftdocument.ns = navigator.appName == "Netscape"window.screen.width&gt;800 ? imgheight=202:imgheight=202window.screen.width&gt;800 ? imgleft=15:imgleft=15function myload(){if (nav...
广告狂页面随意滚动效果
chongfumang5782的博客
12-08 132
#####1.先给广告框一个绝对定位，设置left，top的值,给出广告在页面中的位置 <div id="ad" style="position:absolute;left:10px;top:10px;"> <img src="guanggao.jpg" alt="">...
模仿网页广告在页面上滚动出现
FYANGFEI的博客
07-24 418
js,jquery写的   1.效果图                                     &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&l
浮动div，页面两边滚随滚动条滚动的DIV
02-14
浮动div 页面两边滚随滚动条滚动的DIV div滚动
一直处于网页中间的滚动广告
HackProgramer的专栏
05-27 894
function getStyle(obj, attr) {     if(obj.currentStyle)     {         return obj.currentStyle[attr];     }     else     {         return getComputedStyle(obj, false)[attr];     } }     va
JavaScript实现图片无缝滚动，如网页上的广告滚动条
03-28
利用JS定时器和运动框架实现图片无缝滚动，适合初学者使用
随页面滚动定位的侧边栏悬浮框js插件
04-28
随页面滚动定位的侧边栏悬浮框js插件，包括页面自适应、函数节流、悬浮区域高度自适应等。具体效果参考博客 https://blog.csdn.net/zh_rey/article/details/80136619
广告 滚动条 单个html
07-18
广告 滚动条 单个html
ScrollReveal-元素随页面滚动产生动画
05-16
ScrollReveal-元素随页面滚动产生动画
js自动循环显示广告
依天道,行自然
09-20 2577
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;} ol,ul{list-style:none;} ad
webview 模拟点击_GitHub - pakeng/WebViewLib: H5广告页面刷量黑科技，神不知鬼不觉的偷跑广告页面，小菜一碟。广告模块分为：一个JS注入库(支持自动点击，输入，滑动)...
weixin_33196106的博客
12-23 570
WebViewLib广告业务SDK，揭秘广告刷量黑科技。模块分为：一个JS库(支持自动点击，输入，滑动)，采用js注入技术，webview模拟用户真实操作。一个WebViewManager封装库,采用1px的透明技术，不依赖于Activity进行加载。一个WebView封装库，里面封装，一些常见的国产ROM上的问题处理，常见的操作包含打开京东页面，应用宝支付，微信支付等等。PS: JS库和WebV...
微信浏览器 H5 IOS/安卓 video 实现全屏视频背景/全屏视频广告自动播放
菜鸟日记
07-13 699
这里想实现的效果严格意义上应该说是视频内容占满一屏，即video的宽高设置占满一屏，去掉video的控制面板（去掉controls属性），再利用z-index或者position:fixed添加文字、button和交互。微信公众号网页开发，用户入口想做个宣传产品的全屏视频广告，倒计时结束跳到首页，或者用户点击【跳过广告】按钮跳到首页，就像APP、小程序刚打开那种。此全屏（占满一屏）非彼全屏（视频控件自带全屏按钮点击后的浮窗全屏效果）6、最后处理的方式，IOS入口播放视频广告，如果是安卓直接跳到首页。
Css经典笔记
热门推荐
飘
04-24 1万+
# 课程目标: &gt; 1. 学会使用CSS选择器 &gt; 2. 熟记CSS样式和外观属性 &gt; 3. 熟练掌握CSS各种选择器 &gt; 4. 熟练掌握CSS各种选择器 &gt; 5. 熟练掌握CSS三种显示模式 &gt; 6. 熟练掌握CSS背景属性 &gt; 7. 熟练掌握CSS三大特性 &gt; 8. 熟练掌握CSS盒子模型 &gt; 9. 熟练掌握CSS浮动 &gt; 10.熟练...
广告改进版，jQuery实现，页面广告滚动
FYANGFEI的博客
07-24 712
1.效果图   2.实现代码 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script src="https://cdn.bo
tooltip 随页面滚动
最新发布
08-08
tooltip随页面滚动的问题可能是由于tooltip组件的定位问题引起的。根据引用和引用的内容，tooltip组件的默认定位是相对于body元素进行绝对定位，而不是相对于包含它的父元素。因此，当tooltip组件位于一个较大的父...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值