网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
页面特效
> 正文
js兼容多个浏览器右下角漂浮广告
深山工作室 2013/12/31 19:47:11 深山行者 字体:
大
中
小
浏览 8182
js兼容多个浏览器右下角漂浮广告
兼容ie6 7 8 ,ff3.5 3.6,chrome 4.1.2,safari
xhtml1.0解析
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML <b style='color:#ffff66;background-color:#8080ff'>1</b>.0 Transitional//EN" "http://<a name="qihoosnap0"></a><b style='color:black;background-color:#ffff66'>www</b>.w3.org/TR/xhtml<b style='color:#ffff66;background-color:#8080ff'>1</b>/DTD/xhtml<b style='color:#ffff66;background-color:#8080ff'>1</b>-transitional.dtd"> <html xmlns="http://<b style='color:black;background-color:#ffff66'>www</b>.w3.org/<b style='color:#ffff66;background-color:#8080ff'>1</b>999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>Untitled Document</title> <style> html,body{ padding:0; margin:0; } </style> </head> <body> <div <a name="qihoosnap5"></a><b style='color:black;background-color:#ffff66'>id</b>="aa" style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;height:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;background:#c0c0c0;" >我在随平滚</div> <div <b style='color:black;background-color:#ffff66'>id</b>="bb" style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;height:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;background:#c0c0c0;" >我静止不动</div> <div style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00%;height:<b style='color:#ffff66;background-color:#8080ff'>1</b><b style='color:#324692;background-color:#ffc0cb'>5</b>00px;background:#000"></div> <div style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00%;height:<b style='color:#ffff66;background-color:#8080ff'>1</b><b style='color:#324692;background-color:#ffc0cb'>5</b>00px;background:green"></div> <div style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00%;height:<b style='color:#ffff66;background-color:#8080ff'>1</b><b style='color:#324692;background-color:#ffc0cb'>5</b>00px;background:red"></div> </body> </html> <script> function scrollx(p){ var d = document,dd = d.documentElement,db = d.body,w = window,o = d.getElementBy<b style='color:black;background-color:#ffff66'>Id</b>(p.<b style='color:black;background-color:#ffff66'>id</b>),ie6 = /msie 6/i.test(navigator.userAgent),style,timer; if(o){ o.style.cssText +=";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.l==undefi<a name="qihoosnap3"></a><b style='color:#ffff66;background-color:#8080ff'>ne</b>d?'right:0;':'left:'+p.l+'px;')+(p.t!=undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?'top:'+p.t+'px':'bottom:0'); if(p.f&&ie6){ o.style.cssText +=';left:expression(documentElement.scrollLeft + '+(p.l==undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?dd.clientW<b style='color:black;background-color:#ffff66'>id</b>th-o.offsetW<b style='color:black;background-color:#ffff66'>id</b>th:p.l)+' + "px");top:expression(documentElement.scrollTop +'+(p.t==undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?dd.clientHeight-o.offsetHeight:p.t)+'+ "px" );'; dd.style.cssText +=';background-image: url(about:blank);background-attachment:fixed;'; }else{ if(!p.f){ w.onresize = w.onscroll = function(){ clearInterval(timer); timer = setInterval(function(){ //双选择为了修复chrome 下xhtml解析时dd.scrollTop为 0 var st = (dd.scrollTop||db.scrollTop),c; c = st - o.offsetTop + (p.t!=undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?p.t:(w.in<b style='color:#ffff66;background-color:#8080ff'>ne</b>rHeight||dd.clientHeight)-o.offsetHeight); if(c!=0){ o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/<b style='color:#ffff66;background-color:#8080ff'>1</b>0)*(c<0?-<b style='color:#ffff66;background-color:#8080ff'>1</b>:<b style='color:#ffff66;background-color:#8080ff'>1</b>) + 'px'; }else{ clearInterval(timer); } },<b style='color:#ffff66;background-color:#8080ff'>1</b>0) } } } } } scrollx({ <b style='color:black;background-color:#ffff66'>id</b>:'aa' }) scrollx({ <b style='color:black;background-color:#ffff66'>id</b>:'bb', l:0, t:200, f:<b style='color:#ffff66;background-color:#8080ff'>1</b> }) /* <b style='color:black;background-color:#ffff66'>id</b> 你要滚动的内容的<b style='color:black;background-color:#ffff66'>id</b> l 横坐标的位置 不写为紧贴右边 t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f <b style='color:#ffff66;background-color:#8080ff'>1</b>表示固定 不写或者0表示滚动 */ </script>
html4.01解析
以下为详细代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>Untitled Document</title> <style> html,body{ padding:0; margin:0; } </style> </head> <body> <div <b style='color:black;background-color:#ffff66'>id</b>="aa" style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;height:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;background:#c0c0c0;" >我在随平滚</div> <div <b style='color:black;background-color:#ffff66'>id</b>="bb" style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;height:<b style='color:#ffff66;background-color:#8080ff'>1</b>00px;background:#c0c0c0;" >我静止不动</div> <div style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00%;height:<b style='color:#ffff66;background-color:#8080ff'>1</b><b style='color:#324692;background-color:#ffc0cb'>5</b>00px;background:#000"></div> <div style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00%;height:<b style='color:#ffff66;background-color:#8080ff'>1</b><b style='color:#324692;background-color:#ffc0cb'>5</b>00px;background:green"></div> <div style="w<b style='color:black;background-color:#ffff66'>id</b>th:<b style='color:#ffff66;background-color:#8080ff'>1</b>00%;height:<b style='color:#ffff66;background-color:#8080ff'>1</b><b style='color:#324692;background-color:#ffc0cb'>5</b>00px;background:red"></div> </body> </html> <script> function scroll(p){ var d = document,dd = d.documentElement,db = d.body,w = window,o = d.getElementBy<b style='color:black;background-color:#ffff66'>Id</b>(p.<b style='color:black;background-color:#ffff66'>id</b>),ie = /msie/i.test(navigator.userAgent),style,timer; if(o){ //ie8下position:fixed下top left失效 o.style.cssText +=";position:"+(p.f&&!ie?'fixed':'absolute')+";"+(p.l==undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?'right:0;':'left:'+p.l+'px;')+(p.t!=undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?'top:'+p.t+'px':'bottom:0'); if(p.f&&ie){ o.style.cssText +=';left:expression(body.scrollLeft + '+(p.l==undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?db.clientW<b style='color:black;background-color:#ffff66'>id</b>th-o.offsetW<b style='color:black;background-color:#ffff66'>id</b>th:p.l)+' + "px");top:expression(body.scrollTop +'+(p.t==undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?db.clientHeight-o.offsetHeight:p.t)+'+ "px" );' db.style.cssText +=";background-image:url(about:blank);background-attachment:fixed;" }else{ if(!p.f){ w.onresize = w.onscroll = function(){ clearInterval(timer); timer = setInterval(function(){ var st = db.scrollTop,c; c = st - o.offsetTop + (p.t!=undefi<b style='color:#ffff66;background-color:#8080ff'>ne</b>d?p.t:(w.in<b style='color:#ffff66;background-color:#8080ff'>ne</b>rHeight||db.clientHeight)-o.offsetHeight); if(c!=0){ o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/<b style='color:#ffff66;background-color:#8080ff'>1</b>0)*(c<0?-<b style='color:#ffff66;background-color:#8080ff'>1</b>:<b style='color:#ffff66;background-color:#8080ff'>1</b>) + 'px'; }else{ clearInterval(timer); } },<b style='color:#ffff66;background-color:#8080ff'>1</b>0) } } } } } scroll({ <b style='color:black;background-color:#ffff66'>id</b>:'aa' }) scroll({ <b style='color:black;background-color:#ffff66'>id</b>:'bb', l:0, t:200, f:<b style='color:#ffff66;background-color:#8080ff'>1</b> }) /* <b style='color:black;background-color:#ffff66'>id</b> 你要滚动的内容的<b style='color:black;background-color:#ffff66'>id</b> l 横坐标的位置 不写为紧贴右边 t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f <b style='color:#ffff66;background-color:#8080ff'>1</b>表示固定 不写或者0表示滚动 */ </script>
前一页:
兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
后一页:
兼容ie6+和火狐的禁止右键
相关阅读
判断用户注册密码强度的JS代码
CSS分页符代码01
CSS代码格式化和压缩化
默认系统
利用css实现图片选中后显示文字与图片效果
blog式日历控件
乐旅行
网站改进中
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery下拉到某个固定位置然后某些元素发生改变样式状态
canvas绘制的文字如何换行
兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
js兼容多个浏览器右下角漂浮广告
兼容ie6+和火狐的禁止右键
做在线客服时,聊天窗口的div滚动条始终在底部
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
uni-app 搜索、历史记录功能简单实现
利用javascript仿的漂亮的flash效果的菜单
计算ASP页面执行时间
长春康辉旅行社有限责任公司
蒸汽消音器
Instagram 广告投放操作与技巧
更多标签
热门标签
版权
SEO
126
强聊
关键词
js
msn
绝对定位
中英
左 右
像素
文件类型
标签
深山v1.0旅行社网站管理系统
FlashFxp
舒服
变化
滤镜
右击
RegExp
想
安装包
Session
Alpha
ctrl
透明
getElementById
还原
文字垂直
管理
调色板
word-break
em
分隔符
meta
密码
边界重叠
style
网站
web
方法
margin
ie6
hover
幻灯
评论
浏览器
市
label
CSS规范
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号