精品久久亚洲_69pao在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看

您的位置: 首頁 > 源碼資料

div在頁面中上下左右固定位置跟隨的浮動(dòng)方式實(shí)現(xiàn)

源碼資料 時(shí)間:2013-03-13 作者/發(fā)布人:科杰在線 點(diǎn)擊:3251

div固定懸浮(左側(cè)、右側(cè)、任意相對(duì)位置),兼容多瀏覽器。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
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) {
  cssPub = ";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.t!=undefined?'top:'+p.t+'px;':'bottom:0;');
  if (p.r != undefined && p.l == undefined) {
   o.style.cssText += cssPub + ('right:'+p.r+'px;');
  } else {
   o.style.cssText += cssPub + ('margin-left:'+p.l+'px;');
  }
  if(p.f&&ie6){
   cssTop = ';top:expression(documentElement.scrollTop +'+(p.t==undefined?dd.clientHeight-o.offsetHeight:p.t)+'+ "px" );';
   cssRight = ';right:expression(documentElement.scrollright + '+(p.r==undefined?dd.clientWidth-o.offsetWidth:p.r)+' + "px")';
   if (p.r != undefined && p.l == undefined) {
    o.style.cssText += cssRight + cssTop;
   } else {
    o.style.cssText += cssTop;
   }
   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)
    }
   }
  }
 }
}
</script>
</head>
<body>
<div style="width:700px; margin:0 auto; height:1000px; background:#ccc">
 <div id="float_father">相對(duì)固定</div>
 <div id="float_father_2">相對(duì)固定(動(dòng))</div>
 <p>測(cè)試內(nèi)容</p>
 <p>測(cè)試內(nèi)容</p>
</div>
<div id="float_left">左側(cè)固定</div>
<div id="float_right">右側(cè)固定</div>
<script type="text/javascript">
//左右側(cè)固定浮動(dòng)的div建議放在html的最低部
//右側(cè)固定
scrollx({id:'float_right', r:0, t:200, f:1});
//左側(cè)固定
scrollx({id:'float_left', t:200, f:1});
//相對(duì)父級(jí)相定固定
scrollx({id:'float_father', l:300, t:200, f:1});
//頁面滾動(dòng)同時(shí)滾動(dòng)固定對(duì)像
scrollx({id:'float_father_2', l:500, t:300, f:0});
/*
scrollx參數(shù)說明

id:浮動(dòng)對(duì)象的id
r:右邊距(窗口右邊距,不寫為靠左浮動(dòng))
l:左邊距(距離父級(jí)對(duì)象的左邊距) “r”和“l”只能有其中一個(gè)參數(shù)
t:上邊距(默認(rèn)貼著底邊,0是貼著頂邊)
f:1表示固定(不寫或者0表示滾動(dòng))
*/
</script>
</body>
</html>

--------------------------全文完----------------------------
0% (0)
0% (0)
整站字母快速檢索: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0

綜合報(bào)道 經(jīng)濟(jì)形勢(shì) 勞動(dòng)就業(yè) 政策法規(guī) 熱點(diǎn)推薦 創(chuàng)業(yè)新聞 創(chuàng)業(yè)指導(dǎo) 創(chuàng)業(yè)課堂 創(chuàng)業(yè)故事 大學(xué)生創(chuàng)業(yè) | 裝修日記 | 學(xué)駕駛經(jīng)歷 | 免費(fèi)信息發(fā)布 | 網(wǎng)站地圖

地址:合肥市臨泉路香格里拉花園 郵箱:pc354@163.com QQ:55769640 | 皖I(lǐng)CP備06007228號(hào) 
版權(quán)所有:科杰服務(wù)(www.www.yeewaa.com) 建議使用IE7.0或以上版本,最少1280分辨率瀏覽本站,可獲得最佳瀏覽效果

飛到頂部
精品久久亚洲_69pao在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看
久久综合九色欧美狠狠| 91精品网站| 欧美一级在线看| 国产中文欧美精品| 日韩在线视频网站| 日本成人中文字幕在线| 国产盗摄xxxx视频xxx69| 亚洲不卡中文字幕无码| 99国产视频| 视频一区不卡| 欧洲成人在线视频| 国产精品久久久久久久久久久久久久| 秋霞在线一区二区| 国内精品国产三级国产在线专| 国产精品黄色av| 国产精品一线二线三线| 欧美精品一区免费| 久久天天躁狠狠躁夜夜躁| 国产精品99久久99久久久二8 | 欧美黄色免费影院| 黄色三级中文字幕| 国产精品成人观看视频国产奇米| 久久天天躁夜夜躁狠狠躁2022| 欧美激情一区二区三级高清视频| 97色在线观看免费视频| 久久九九国产视频| y97精品国产97久久久久久| 国产伦精品一区二区三区在线| 91高潮精品免费porn| 国产精品久久婷婷六月丁香| 亚洲精品中文字幕乱码三区不卡 | www精品久久| 国产精品视频在线观看| www久久99| 国产成人生活片| 亚洲专区国产精品| 国产精品免费久久久| 亚洲第一综合| 国产三级中文字幕| 欧美亚洲午夜视频在线观看| 日日摸日日碰夜夜爽无码| 欧美日韩一区在线观看视频| 91九色偷拍| 亚洲高清视频一区二区| 成人国产亚洲精品a区天堂华泰| 欧美日韩亚洲一区二区三区四区| 91久久精品国产| 欧美精品xxx| 啊v视频在线一区二区三区| 在线天堂一区av电影| 国产又粗又长又爽视频| 久久最新资源网| 欧美午夜视频在线| 久久久国产影院| 欧洲成人一区二区| 日韩中文有码在线视频| 欧美日韩系列| 国产精品丝袜视频| 男人的天堂99| 国产精品第157页| 国产精品一二三视频| 最新欧美日韩亚洲| 高清不卡一区二区三区| 亚洲人成网站在线观看播放| 亚洲国产精品久久久久婷蜜芽| 国产精品一区二区久久久久| 中文视频一区视频二区视频三区| 福利视频一区二区三区四区| 亚洲精品视频一区二区三区| 国产经品一区二区| 奇米精品一区二区三区| 国产一区在线观| 久99久在线视频| 日日夜夜精品网站| 久久久久久久香蕉| 久久伊人精品视频| 国产免费一区二区三区四在线播放 | 欧美成人一二三| 亚洲欧美久久久久一区二区三区| 97人人模人人爽人人少妇| 日韩av大全| 国产免费一区二区三区视频 | 午夜精品99久久免费| 色播五月综合| 国产成人精品一区二区三区| 国产情人节一区| 欧美一级免费在线观看| 国产精品久久久久久久av电影| 成人免费观看cn| 精品欧美一区免费观看α√| 亚洲一区二区在线免费观看| 国产精品视频免费在线观看| 99精品视频播放| 狠狠干 狠狠操| 日本一区免费| 亚洲人一区二区| 国产精品久久久久久一区二区| 91久久精品一区二区别| 蜜桃传媒视频第一区入口在线看 | 国产精品久久久久av| 成人免费视频a| 国产中文日韩欧美| 欧美少妇在线观看| 日本免费高清一区| 性欧美长视频免费观看不卡| 中文字幕中文字幕在线中一区高清 | 国产精品视频免费在线观看| 91精品国产自产在线| 国产日韩精品在线观看| 加勒比在线一区二区三区观看| 午夜精品久久久久久99热软件| 欧美巨猛xxxx猛交黑人97人| 国产精品欧美久久| 久久天堂av综合合色| 国产成人jvid在线播放| 中文字幕在线观看一区二区三区| 国产精品久久久久久久久| 久久精品亚洲精品| 俺去啦;欧美日韩| 日韩在线不卡视频| 国产精品丝袜白浆摸在线| 久久精品国产一区二区三区 | 久久国产精品免费视频| 国产精品久久久久久久av大片 | 日韩一区二区精品视频| 丝袜美腿精品国产二区| 久久精品国产电影| 国产精品美女久久久久久免费| 国产精品美女午夜av| 欧美成人在线网站| 久久99精品久久久久久琪琪| 中文字幕欧美日韩一区二区| 亚洲免费精品视频| 热re99久久精品国产66热| 激情小视频网站| 成人免费观看cn| 久久免费视频在线观看| 久久视频中文字幕| 欧美激情久久久久久| 亚洲精品无码久久久久久| 日韩精品国内| 国产精品自产拍在线观看| 久久网站免费视频| 国产精品免费看久久久香蕉| 一本久道中文无码字幕av| 日本视频久久久| 国产日韩欧美在线播放| 久久riav| 亚洲最大成人在线| 女同一区二区| 国产福利视频在线播放| 久久成人精品电影| 欧美一级视频在线播放| 国产一区红桃视频| 日韩专区在线播放| 亚洲爆乳无码专区| 国产一区二区丝袜| 色噜噜国产精品视频一区二区 | 国精产品一区一区三区视频 | 91九色偷拍| 国产精品日日做人人爱| 亚洲第一综合| 国产精品自产拍高潮在线观看| 日韩亚洲欧美中文高清在线| 亚洲影影院av| 国产日韩一区在线| 久久久久久久久久久人体| 亚洲最大成人在线| 国产亚洲欧美在线视频| 国产精品入口免费视| 日韩免费观看av| 国产成人精品日本亚洲专区61| 永久免费看av| 国产乱人伦真实精品视频| 国产精品久久久av久久久| 欧美精品一区免费| 视频一区视频二区国产精品| 日本一区二区三不卡| 久久男人的天堂| 日本成人中文字幕在线| 日韩在线观看免费网站| 人妻有码中文字幕| 久久精品国产91精品亚洲| 欧美两根一起进3p做受视频| 久久精品亚洲精品| 精品午夜一区二区| 美女国内精品自产拍在线播放| 国产中文字幕乱人伦在线观看| 国产精品成人免费电影| 国产综合18久久久久久| 久久av资源网站| 99久久国产综合精品五月天喷水| 一道精品一区二区三区| 久久综合狠狠综合久久综青草| 大地资源第二页在线观看高清版| 久久九九国产视频| 欧美在线视频免费| 另类色图亚洲色图| 成人羞羞国产免费| 日本免费在线精品|