麻豆av网,国产精品欧美精品,欧美理论片在线观看

js兼容多個(gè)瀏覽器右下角漂浮廣告

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

js兼容多個(gè)瀏覽器右下角漂浮廣告

兼容ie6 7 8 ,ff3.5 3.6,chrome 4.1.2,safari

xhtml1.0解析

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://<a name="qihoosnap0"></a>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>Untitled Document</title>
<style>
html,body{
padding:0;
margin:0;
}
</style>
</head>
<body>
<div <a name="qihoosnap5"></a>id="aa" style="width:100px;height:100px;background:#c0c0c0;" >我在隨平滾</div>
<div id="bb" style="width:100px;height:100px;background:#c0c0c0;" >我靜止不動(dòng)</div>
<div style="width:100%;height:1500px;background:#000"></div>
<div style="width:100%;height:1500px;background:green"></div>
<div style="width:100%;height:1500px;background:red"></div>
</body>
</html>
<script>
function scrollx(p){
var d = document,dd = d.documentElement,db = d.body,w = window,o = d.getElementById(p.id),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>ned?'right:0;':'left:'+p.l+'px;')+(p.t!=undefined?'top:'+p.t+'px':'bottom:0');
if(p.f&&ie6){
o.style.cssText +=';left:expression(documentElement.scrollLeft + '+(p.l==undefined?dd.clientWidth-o.offsetWidth:p.l)+' + "px");top:expression(documentElement.scrollTop +'+(p.t==undefined?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(){
//雙選擇為了修復(fù)chrome 下xhtml解析時(shí)dd.scrollTop為 0
var st = (dd.scrollTop||db.scrollTop),c;
c = st - o.offsetTop + (p.t!=undefined?p.t:(w.innerHeight||dd.clientHeight)-o.offsetHeight);
if(c!=0){
o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px';
}else{
clearInterval(timer);
}
},10)
}
}
}
}
}
scrollx({
id:'aa'
})
scrollx({
id:'bb',
l:0,
t:200,
f:1
})
/*
id 你要滾動(dòng)的內(nèi)容的id
l 橫坐標(biāo)的位置 不寫為緊貼右邊
t 你要放在頁面的那個(gè)位置默認(rèn)是貼著底邊 0是貼著頂邊
f 1表示固定 不寫或者0表示滾動(dòng)
*/
</script>

html4.01解析

以下為詳細(xì)代碼

<!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 id="aa" style="width:100px;height:100px;background:#c0c0c0;" >我在隨平滾</div>
<div id="bb" style="width:100px;height:100px;background:#c0c0c0;" >我靜止不動(dòng)</div>
<div style="width:100%;height:1500px;background:#000"></div>
<div style="width:100%;height:1500px;background:green"></div>
<div style="width:100%;height:1500px;background:red"></div>
</body>
</html>
<script>
function scroll(p){
var d = document,dd = d.documentElement,db = d.body,w = window,o = d.getElementById(p.id),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==undefined?'right:0;':'left:'+p.l+'px;')+(p.t!=undefined?'top:'+p.t+'px':'bottom:0');
if(p.f&&ie){
o.style.cssText +=';left:expression(body.scrollLeft + '+(p.l==undefined?db.clientWidth-o.offsetWidth:p.l)+' + "px");top:expression(body.scrollTop +'+(p.t==undefined?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!=undefined?p.t:(w.innerHeight||db.clientHeight)-o.offsetHeight);
if(c!=0){
o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px';
}else{
clearInterval(timer);
}
},10)
}
}
}
}
}
scroll({
id:'aa'
})
scroll({
id:'bb',
l:0,
t:200,
f:1
})
/*
id 你要滾動(dòng)的內(nèi)容的id
l 橫坐標(biāo)的位置 不寫為緊貼右邊
t 你要放在頁面的那個(gè)位置默認(rèn)是貼著底邊 0是貼著頂邊
f 1表示固定 不寫或者0表示滾動(dòng)
*/
</script>

前一頁:兼容pc、移動(dòng)端用js實(shí)現(xiàn)復(fù)制內(nèi)容到剪切板（支持蘋果safari瀏覽器）

后一頁:兼容ie6+和火狐的禁止右鍵

相關(guān)閱讀: 按鈕復(fù)制文章URL和復(fù)制保留文章的版權(quán); 深山旅行社網(wǎng)站管理系統(tǒng) v1.5; ASP操作access或sqlserver數(shù)據(jù)庫的函數(shù)庫; 14個(gè)CSS實(shí)用技巧精選推薦; 06 iis中Server Application Error問題如何修復(fù); 連云港五洲旅行社有限公司; JavaScript的40種網(wǎng)頁常用小技巧; 仿taobao效果拼音字母檢索功能

共有0條關(guān)于《js兼容多個(gè)瀏覽器右下角漂浮廣告》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

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

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個(gè)固定位置然后某些元素發(fā)生改變樣式狀態(tài); canvas繪制的文字如何換行; 兼容pc、移動(dòng)端用js實(shí)現(xiàn)復(fù)制內(nèi)容到剪切板（支持蘋果safari瀏覽器）; js兼容多個(gè)瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時(shí)，聊天窗口的div滾動(dòng)條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: DW設(shè)置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點(diǎn)擊鼠標(biāo)錯(cuò)位問題的解決辦法; 利用java客戶端靜態(tài)頁面玩分頁; CSS布局實(shí)例:上中下三行,中間自適應(yīng); 純asp根據(jù)當(dāng)前日期計(jì)算出相應(yīng)的星座; 另類的誤刪資料恢復(fù),不使用任何軟件恢復(fù)你誤刪除的資料; python自動(dòng)控制鼠標(biāo)操作pymouse

更多標(biāo)簽熱門標(biāo)簽

lightbox 小偷重復(fù) li 右擊成功產(chǎn)品顏色 title Google 加長版權(quán) 限制 javascript 臺(tái)歷個(gè)性手 Response 背景 button FSO javascri 深山v1.0旅行社網(wǎng)站管理系統(tǒng) 面板驗(yàn)證建立日期商城 maryabbsby 電腦游戲調(diào)用 open 虛擬顯示翻轉(zhuǎn) class FTP tags 展開 form 源文件選擇框特效網(wǎng)站查找上一頁個(gè)人旅游下載服務(wù)器

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

js兼容多個(gè)瀏覽器右下角漂浮廣告