精品久久亚洲_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在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看
97精品免费视频| 国产在线一区二| 日本不卡一区二区三区四区| 国产天堂视频在线观看| 日韩在线一区二区三区免费视频| 一区精品在线| 国产欧美综合一区| 国产精品美女无圣光视频| 日本三级中文字幕在线观看| 99精品免费在线观看| 欧美老少配视频| 国模吧无码一区二区三区| 国产精品日本一区二区| 日韩精品无码一区二区三区 | 久久久亚洲成人| 欧美精品生活片| 国产最新免费视频| 国产精品极品美女在线观看免费 | 7777精品视频| 精品国产乱码久久久久久88av | 国产精品影院在线观看| 国产精品电影网| 红桃av在线播放| 日韩少妇与小伙激情| 日韩三级在线播放| 久久久噜噜噜久久中文字免| 日本视频精品一区| 久久久久久久久久久网站| 热久久视久久精品18亚洲精品| 日韩中文字幕网站| 精品1区2区| 久久中文精品视频| 国产区精品视频| 亚洲综合小说区| 久久精品一区二区三区不卡免费视频 | 久久国产一区| 日本一区二区在线| www.日韩不卡电影av| 黄色一级二级三级| 欧美激情a∨在线视频播放| 91精品国产自产在线| 日本aa在线观看| 久久精品国产清自在天天线 | 欧美区在线播放| 国产精品一区二区电影| 亚洲91精品在线亚洲91精品在线| 久久99精品久久久久久青青日本| 日韩精品福利视频| 国产精品裸体瑜伽视频| 国产日本在线播放| 亚洲a∨一区二区三区| 久久久久久久久爱| 国产性生交xxxxx免费| 亚洲三区在线| www.精品av.com| 国产免费一区二区三区香蕉精 | 性高湖久久久久久久久aaaaa| 国产成人一区二区三区别| 欧美在线视频观看| 久久国产精品视频| 国产精品av网站| 人体内射精一区二区三区| 欧美精品午夜视频| 久久观看最新视频| 国产三级精品网站| 日韩中文字幕组| 国产精品久久久久久久乖乖| 99久热re在线精品996热视频| 日韩av不卡在线播放| 国产精品久久av| 91国产美女视频| 国精产品99永久一区一区| 水蜜桃亚洲精品| 国产精品乱子乱xxxx| 91精品一区二区| 国内精品中文字幕| 午夜精品一区二区三区在线播放 | 黄色大片中文字幕| 欧美精品在线免费播放| 国产成人综合av| 国产中文字幕亚洲| 日本高清视频精品| 欧美激情一区二区三区高清视频| 国产成人中文字幕| 国产欧美精品xxxx另类| 欧美一区视久久| 午夜精品久久久99热福利| 国产精品高潮呻吟久久av黑人| 国产成人一区二区在线| av在线不卡观看| 国产一区免费视频| 99国产在线视频| 女女同性女同一区二区三区按摩| 欧美牲交a欧美牲交aⅴ免费下载| 日韩免费毛片| 青青在线免费观看视频| 日韩精品欧美在线| 青青在线免费视频| 欧美精品亚洲| 精品一区2区三区| 国产免费亚洲高清| 99在线国产| 久久亚洲免费| 九九久久99| 久久视频精品在线| 国产精品国产一区二区| 国产精品观看在线亚洲人成网| 久久av中文字幕| 欧美大片欧美激情性色a∨久久| 欧美激情小视频| 亚洲一区二区三区av无码| 性欧美激情精品| 日韩欧美不卡在线| 欧美日韩喷水| 美国av一区二区三区| 国产日韩欧美二区| www.av一区视频| 国产国产精品人在线视| 日韩中文在线中文网三级| 久久久精品国产亚洲| 久久av在线看| 一区二区在线中文字幕电影视频| 久久久久国产精品免费| 亚洲精品在线观看免费| 免费日韩中文字幕| 一本大道熟女人妻中文字幕在线| 精品国产成人av在线免| 久久中国妇女中文字幕| 久久成人av网站| 欧美大片va欧美在线播放| 国产精品久久久久久亚洲影视| 国产精品美女在线播放| 国产精品观看在线亚洲人成网| 国产精品美乳一区二区免费| 久久亚洲欧美日韩精品专区| 精品国产福利| 亚洲一区亚洲二区| 日韩av综合在线观看| 日韩欧美精品在线观看视频| 欧美中文字幕在线| 国产在线视频91| 成人黄色av网站| 91精品国产高清久久久久久久久| 91九色精品视频| 国产高清在线一区二区| 日韩专区在线播放| 国产精品日韩在线播放| 操91在线视频| 一区二区不卡在线观看| 色一情一乱一伦一区二区三区| 日韩免费不卡av| 欧美精品二区三区四区免费看视频| 国内视频一区| 国产精品一二三在线| www.av一区视频| 久久大片网站| 久久久99久久精品女同性| 国产精品久久久av久久久| 国产精品久久亚洲7777| 欧美激情亚洲视频| 视频一区二区三| 霍思燕三级露全乳照| 国产玖玖精品视频| 久久理论片午夜琪琪电影网| 国产精品视频一区二区三区四 | 国产高清在线一区| 精品国产视频在线| 国产精品久久久久久久久粉嫩av| 欧美激情精品久久久久久变态| 日日橹狠狠爱欧美超碰| 黄色免费观看视频网站| 国产日韩欧美在线观看| 久久亚洲a v| 国产精品久久久久久搜索| 一区二区三区四区欧美| 三年中文高清在线观看第6集| 欧美 日韩 国产精品| 成人精品视频在线| 久久久国产精品亚洲一区| 亚洲最大av网站| 欧美国产激情视频| 久久久婷婷一区二区三区不卡 | 欧美另类在线播放| 五月婷婷一区| 免费看又黄又无码的网站| 91久久精品视频| 国产精品久久久久久久久久99| 亚洲精品中文字幕无码蜜桃| 激情视频在线观看一区二区三区| 91干在线观看| 久久999免费视频| 热99精品只有里视频精品| av网址在线观看免费| 国产精品久久网| 日本亚洲欧美成人| 成人h视频在线| 久久综合网hezyo| 日韩极品视频在线观看| 99电影在线观看| 插插插亚洲综合网|