JavaScript实现带缓冲效果的随屏滚动漂浮广告代码【javascript】

web前端|js教程

JavaScript,缓冲,滚动,漂浮广告

web前端-js教程

微信小程序源码 话费,vscode c 新文件,ubuntu打开sudo,tomcat请求创建时间,golang爬虫技术,runkit php,眉山做推广的seo服务,wordpress和网站区别,div css网站模板的代码6lzw

这里演示了始终随屏滚动的JavaScript代码，在国内的应用泛滥成灾了，特别是一些喜欢漂浮广告的站长，常把本代码用作了漂浮广告，其实这种效果的初衷是编写一个随屏滚动的菜单，让游客随时随地可以控制网站的导向。

wifi易语言源码,ubuntu 手动加载驱动,爬虫session免登录,php extrat,SEO认证试卷lzw

运行效果截图如下：

易语言163钓鱼源码,vscode 怎么安装,ubuntu的默认ftp密码,tomcat单例,sqlite3 drop,时间插件年月,前端做app的框架,自动回复爬虫软件,php配置iis7,SEO优化技术学校,小型购物网站 html5代码,网页密码框,懒人网网页模板,dede 单页面图片,sql server编写图书馆管理系统,微擎 应用 打包小程序lzw

在线演示地址如下：

/js//js-hc-style-scroll-adv-codes/

具体代码如下：

*{padding:0;margin:0;}html{height:100%;}body{height:200%;}.box{position:absolute;width:100px;height:100px;background:#ccc}

AD1

AD2

var id=function(o){return document.getElementById(o)}var scroll=function (o){ var space=id(o).offsetTop; id(o).style.top=space+px; void function(){ var goTo = 0; var roll=setInterval(function(){ var height =document.documentElement.scrollTop+document.body.scrollTop+space; var top = parseInt(id(o).style.top); if(height!= top){goTo = height-parseInt((height - top)*0.9);id(o).style.top=goTo+px; } //else{if(roll) clearInterval(roll);} },50); }()}scroll(ox1);scroll(ox2);