js兼容多個瀏覽器右下角漂浮廣告 -- [頁面特效]─ 深山工作室提供網絡投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開發|企業網站建設

<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

<listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

<address id="jxdzp"></address>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

訂閱本欄目 RSS您所在的位置: 深山工作室 > 頁面特效 > 正文

js兼容多個瀏覽器右下角漂浮廣告

深山工作室 2013/12/31 19:47:11 深山行者字體:大中小瀏覽 7653

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+和火狐的禁止右鍵

相關閱讀: 滑動展開/收縮廣告（兼容ff/ie6/ie7）; 一次自動化批量處理服務器上幾萬張圖片; 定義鏈接的樣式CSS; javascript實現圖片預覽功能; 深山行者留言系統V1.0 (簡稱深山留言V1.0); 深山旅行社網站管理系統 v1.8; 深山旅行社網站管理系統5.0發布; HTML文檔中meta標簽的作用

共有0條關于《js兼容多個瀏覽器右下角漂浮廣告》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; 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還有其它的嗎

更多>>隨機抽取信息: 旅行社手機網站模板3; 連云港天天美食網; httpd.ini偽靜態網站分享到微信好友微信朋友圈鏈接打不開報404錯誤的解決辦法; 兩個ASP中防止SQL注入式攻擊; 網站需要SEO 基本的SEO建站要點; 成都中國青年旅行社開心旅游網

更多標簽熱門標簽

舒服技巧豎排 email 文化第幾樓 jpg 導出素材 V3.1 成功瀏覽器返回 div的高度文字垂直預覽奮斗 css 留言板樹型屏幕 hidden alert Java CSS濾鏡左右絕對風格特效偽類清除詳解 flash hack 鏈接 dd 計劃 JavaScript實現文本框提示效果購物 ie7 利用position把div放在flash上混合收縮九宮格 link CAD 等高 checkbox xhtml 顯示器

行業解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關于深山; 業務范圍; 案例展示中心; 聯系我們; 網站地圖; 贊助深山

動態展示: 定制網絡投票系統; 定制小程序

服務熱線: 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯系微信二維碼

: 聯系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創,部分為從網絡收集而來,僅供網友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯系,經確認后我們會立即移除相關內容或鏈接
Copyright © 2007-2025 深山工作室 All Rights Reserved
服務QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網安備 32070502010230號

88国产精品视频一区二区三区