js实现随屏幕滚动的带缓冲效果的右下角广告代码
作者：企鹅 发布时间：2024-06-07 15:26:48
标签：js,滚动,缓冲,广告
本文实例讲述了js实现随屏幕滚动的带缓冲效果的右下角广告代码。分享给大家供大家参考。具体如下：
一个随屏幕自动滚动的右下角广告代码，这里请注意几个参数：
id 你要滚动的内容的id
r 放在左边还是右边 默认是右边
t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边
f 1表示固定 不写或者0表示滚动(ie6固定无效)
是不是很实用呢，这个版本经过作者二次修正，兼容性还不错。
运行效果截图如下：
在线演示地址如下：
http://demo.aspxhome.com/js/2015/js-right-buttom-float-follow-scroll-adv-codes/
具体代码如下：
<!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=gbk" />
<title>随屏幕滚动的带缓冲效果的右下角广告</title>
<style>
html,body{
height:2000px;
}
</style>
</head>
<body>
<div id="aa" style="width:200px;height:200px;background:#c0c0c0;" >拖动滚动条试试哦~</div>
</body>
</html>
<script>
function scroll(p){
var d = document,w = window,o = d.getElementById(p.id),ie6 = /msie 6/i.test(navigator.userAgent);
if(o){
o.style.cssText +=";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.r?'left':"right")+":0;"+(p.t!=undefined?'top:'+p.t+'px':'bottom:0');
if(!p.f||ie6){
-function(){
var t = 500,st = d.documentElement.scrollTop||d.body.scrollTop,c;
c = st - o.offsetTop + (p.t!=undefined?p.t:(w.innerHeight||d.documentElement.clientHeight)-o.offsetHeight);//如果你是html 4.01请改成d.body,这里不处理以减少代码
c!=0&&(o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px',t=10);
setTimeout(arguments.callee,t)
}()
}
}
}
scroll({
id:'aa'
})
</script>
希望本文所述对大家的javascript程序设计有所帮助。
0
投稿猜你喜欢
- 1. 创建shell脚本 vim backupdb.sh 创建脚本内容如下： #!/bin/sh db_user="root&qu
- 插入一条记录后，如何得到最新的自动增加ID？我们要用到SQL Server的@@IDENTITY。它能够记录下系统最近使用的一个IDENTI
- 简介Node2vec是一种用于图嵌入（Graph Embedding）的方法，可用于节点分类、社区发现和连接预测等任务。实现过程
在安装依然主机管理系统时，因为当时导入MSSQL时有点问题，所以，为了赶快能用上管理功能，所以就暂时先用了Access数据库。不过一直以来都- 最初打算使用scroll-view实现，效果好、流畅、有惯性滑动，但由于滚动条没法去掉、无法实现上下层的帧布局，最终放弃了。还是自己写个吧，
- 我最近用MYSQL数据库挺多的，发现了一些非常有用的小玩意，今天拿出来分享到大家，希望对你会有所帮助。1.group_concat在我们平常
- 统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化实现的功能统一捕获接口报错 : 用的axios内置的 * 弹窗提示: 引入 E
- upload.htm <html><head><title>网站维护 -
- 划动门菜单技术：运行代码框<style>body {font-size:12px;font-family:宋体}ul.TabBa
- 本文实例讲述了sql server实现递归查询的方法示例。分享给大家供大家参考，具体如下：有时候面对树结构的数据时需要进行递归查询,网上找了
- 一、Python处理excel文件1. 两个头文件import xlrdimport xlwt其中xlrd模块实现对excel文件内容读取，
- 利用空闲几天把《JavaScript权威指南》安静的读了一篇。真是一本好书呀！呵呵，这句话见的太多了。好在什么地方呢？听我慢慢道来。从开始接
- 今天给大伙说说python发送邮件，官方的多余的话自己去百度好了，还有一大堆文档说实话不到万不得已的时候一般人都不会去看，回归主题：本人是m
- 昨天正当我用十成一阳指功力戳键盘、昏天暗地coding的时候，正好被人问了一个问题，差点没收好功，洪荒之力侧漏震伤桌边的人，废话不多说，先上
- 场景：查找who删了我，直接copy代码保存到一个python文件who.py,在python环境下运行此文件代码如下，copy保存到who
- 前言某个夜深人静的夜晚，夜微凉风微扬，月光照进我的书房~当我打开文件夹以回顾往事之余，惊现许多看似杂乱的无聊代码。我拍腿正坐，一个想法油然而
- 实现制作抽奖程序，需要认知到我们可以看到一般抽奖程序界面上是有很多按钮的，比如中奖区域，按键开始区域等等，所以我们先要设置界面，然后把这些按
- 所有代码都是网上百度出来的，通过个人实践找到适合自己的。采用的python 库是 pymouse、pykeyboard安装时直接p
- 使用场景公司内部使用Django作为后端服务框架的Web服务，当需要使用公司内部搭建的Ldap 或者 Windows 的AD服务器作为Web
- 很久以前写过如何成为优秀的设计师，近半年来经常做设计评审，有很多感触，顺便写一点下来，我们的Blog也应该有更高的更新频率。言归正传，我认为
