你懂的网址一区二区三区,日韩亚洲视频,julia一区二区中文久久94

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

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

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

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

xhtml1.0解析

以下為詳細代碼

<!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;" >我靜止不動</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(){
//雙選擇為了修復chrome 下xhtml解析時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 你要滾動的內容的id
l 橫坐標的位置 不寫為緊貼右邊
t 你要放在頁面的那個位置默認是貼著底邊 0是貼著頂邊
f 1表示固定 不寫或者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 id="aa" style="width:100px;height:100px;background:#c0c0c0;" >我在隨平滾</div>
<div id="bb" style="width:100px;height:100px;background:#c0c0c0;" >我靜止不動</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 你要滾動的內容的id
l 橫坐標的位置 不寫為緊貼右邊
t 你要放在頁面的那個位置默認是貼著底邊 0是貼著頂邊
f 1表示固定 不寫或者0表示滾動
*/
</script>

前一頁:兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）

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

相關閱讀: 利用java控制圖片的大小; 超級實用且不花哨的js代碼大全( 8 ); 仿mop分頁代碼; 鹽城市航空假日旅行社有限公司; photoshop cs 3D變換濾鏡下載; 利用CSS制作的網站中新聞文章列表效果; 專注于戶外擴展、商務會議建站解決方案; 使用uiautomatorviewer連接模擬器頁面報錯No Android devices were detected by adb.

共有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還有其它的嗎

更多>>隨機抽取信息: 南通美泰旅行社; 一個幾個圖片來回變幻的超炫的圖片轉換效果; 從百度扣下來的javascript日歷; 中國大宗資產交易網; 留言動態顯示圖片; 小說封面制作網站留言板模板

更多標簽熱門標簽

加密錯誤商城珍惜萬年歷 instr 右鍵失效 JS效果快捷模板 margin 搜索引擎 ewebeditor 心情首字母對象漸變 skype 加減結果絕對 web2.0 IE8 應用刷新貨幣讀取凹陷正則 onmouserout option 對話框 rss 繁體游戲許愿墻自動獲取 document 旅游失效壓縮放大詳解寬面板關鍵字菜單查找 optgroup 中英

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

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