精品久久亚洲_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在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看
国产尤物av一区二区三区 | 国产精品国产精品| 久久久久亚洲精品| www.中文字幕在线| 国产欧美精品一区二区三区-老狼| 欧洲亚洲一区二区三区四区五区| 三级三级久久三级久久18| 亚洲一区二区在线观| 一区二区三区欧美在线| 欧美激情精品久久久久久变态 | 日韩欧美亚洲区| 欧美一区二区三区综合 | 日韩视频在线观看国产| 婷婷视频在线播放| 亚洲欧美久久久久一区二区三区| 久久亚洲春色中文字幕| 国产精品久久精品国产| 国产精品久久一区| 国产精品久久久久久久久粉嫩av| 国产精品久久久久久久久久久久冷| 国产精品视频在线观看| 久久久91精品国产一区不卡| 久久久久一区二区| www.日韩免费| 国产精品日韩在线播放| 国产精品久久久久7777| 国产精品成人一区二区| 欧美精品一二区| 亚洲一区中文字幕| 日韩免费精品视频| 国内精品**久久毛片app| 国产美女主播在线播放| chinese少妇国语对白| 久久久精品国产一区二区三区| 色婷婷av一区二区三区久久| 国产精品福利片| 亚洲欧洲免费无码| 色狠狠久久av五月综合| 日韩女优中文字幕| 精品视频导航| 91精品国产九九九久久久亚洲| 国产精品777| 久久精品亚洲热| 欧美人与物videos| 亚洲三区四区| 青青视频免费在线| 国产狼人综合免费视频| 久久99久久精品国产| 国产精品国产三级国产专区53| 一区二区三区四区不卡| 日韩国产欧美精品| 国产伦精品一区二区三毛| 91高跟黑色丝袜呻吟在线观看| 久久精品男人天堂| 亚洲一区二区三区sesese| 日韩欧美99| 国产伦理一区二区三区| 久久狠狠久久综合桃花| 欧美久久久精品| 日本午夜人人精品| 国产在线一区二区三区四区| 久久久神马电影| 久久亚洲成人精品| 日本亚洲导航| 国产精品一区二区三区免费观看| 久久riav| 岳毛多又紧做起爽| 日韩免费在线视频| 成人av一级片| 国产精品秘入口18禁麻豆免会员| 一本久道综合色婷婷五月| 黄色国产精品一区二区三区| 91精品久久久久久久久久| 国产精品久久久久久久久久新婚 | 国产精品无码免费专区午夜| 亚洲图片欧洲图片日韩av| 欧美日韩一区二区在线免费观看| 国产老熟妇精品观看| 久久精品视频一| 日本一区二区三区视频免费看| 国产精品一区二区三区免费视频| 国产精品狼人色视频一区| 日本三级韩国三级久久| 97精品视频在线播放| 国产精品久久久久久久电影| 日本三级中文字幕在线观看| av一本久道久久波多野结衣| 欧美激情在线一区| 蜜桃成人免费视频| 久久精品小视频| 日韩国产欧美一区| 久久久成人精品一区二区三区| 欧美激情精品久久久久久蜜臀| 国产亚洲情侣一区二区无| 国产精品视频大全| 免费在线一区二区| 国产精品欧美在线| 黄色大片在线免费看| 国产精品女视频| 蜜桃视频日韩| 久久99久久99精品免观看粉嫩| 国产免费一区二区三区在线能观看| 国产精品高潮视频| 国产做受69高潮| 久久99久国产精品黄毛片入口| 国产日韩欧美综合| 中文字幕av日韩精品| 国产日韩精品电影| 欧美激情视频在线观看| 国产伦精品一区二区| 亚洲综合视频一区| 国产精品69av| 青青草精品毛片| 国产精品视频一区二区三区经| 男人的天堂狠狠干| 精品久久蜜桃| 成人免费在线网址| 痴汉一区二区三区| 色黄久久久久久| 国产综合视频在线观看| 亚洲在线色站| 色狠狠久久aa北条麻妃| 激情伦成人综合小说| 欧美激情18p| 国产成人精品a视频一区www| 欧美高清一区二区| 一区二区三区国| 久草视频这里只有精品| 国内成+人亚洲| 一区二区精品免费视频| 久久精品ww人人做人人爽| 国内精品久久久久久影视8| 宅男噜噜99国产精品观看免费| 91高清免费在线观看| 人人做人人澡人人爽欧美| 久久av红桃一区二区小说| 91av一区二区三区| 欧美图片激情小说| 一区二区精品在线观看| 日韩专区中文字幕| 国产精品亚洲一区二区三区| 日韩精品―中文字幕| 欧美精品video| 日韩最新免费不卡| 国产精品一区视频| 欧美一区三区二区在线观看| 一区二区视频在线播放| 日韩在线观看高清| 超碰成人在线免费观看| 韩日精品中文字幕| 色就是色欧美| 色中色综合影院手机版在线观看| 久久综合久久综合这里只有精品| 国内自拍中文字幕| 色视频一区二区三区| 欧美人与性动交| 久久精品成人欧美大片| 91精品国产91久久久久久| 国产又粗又猛又爽又黄的网站| 日本亚洲导航| 亚洲午夜精品福利| 国产精品免费久久久久影院| 久久亚洲国产成人精品无码区| 国产一区二区色| 欧美亚洲日本网站| 色欲色香天天天综合网www | 精品国产电影| 国产成人鲁鲁免费视频a| av一本久道久久波多野结衣| 激情伦成人综合小说| 日韩欧美xxxx| 日韩在线第三页| 亚洲啪啪av| 欧美激情在线视频二区| 国产精品久久久av| 精品国产一区二区三区久久| 久久久精品有限公司| 97人人干人人| 成人中文字幕av| 国产精选在线观看91| 激情小说综合区| 日韩区国产区| 日韩中字在线观看| 日日噜噜噜夜夜爽爽| 午夜精品理论片| 亚洲va久久久噜噜噜| 亚洲一区免费网站| 欧美激情va永久在线播放| 国产精品二区二区三区| 国产精品视频500部| 日韩在线观看成人| 日韩综合视频在线观看| 日韩在线资源网| 国产成人拍精品视频午夜网站| 国产不卡视频在线| 国产精品91视频| 久久香蕉综合色| 国产chinese精品一区二区| 久久久亚洲网站| 久久精品免费一区二区|