精品久久亚洲_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在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看
亚洲国产精品久久久久久女王| 丁香六月激情网| 欧美最猛性xxxxx亚洲精品| 国产精品久久久久久久久久小说| 国产一区二区三区小说| 精品久久蜜桃| 色伦专区97中文字幕| 成人精品一区二区三区电影黑人| 秋霞在线一区二区| 亚洲aaa激情| 欧美激情精品久久久久久变态 | 久久精品国产一区| 99热一区二区三区| 精品日本一区二区三区在线观看| 天天综合五月天| 精品国产中文字幕| 久久夜色精品国产欧美乱| 久久国产精品高清| 久久免费高清视频| 超碰网在线观看| 国产日产欧美一区二区| 韩国成人一区| 国产亚洲一区二区三区在线播放| 欧美婷婷久久| 欧美日韩精品免费观看视一区二区| 亚洲一区久久久| 在线观看成人av| 国产在线观看91精品一区| 免费看成人午夜电影| 国产在线一区二区三区四区| 国内成+人亚洲| 色一情一乱一伦一区二区三区丨| 亚洲永久激情精品| 日韩在线综合网| 精品日产一区2区三区黄免费 | 国产精品久久久久久久久久新婚| 久久av二区| 日韩一级黄色av| 国产精品免费电影| 精品国产一区二区三区免费| 最新中文字幕久久| 日韩美女免费观看| 国模视频一区二区| 91九色视频在线| 久久久久久亚洲精品| 北条麻妃久久精品| 亚洲一区二区三区四区在线播放| 亚洲激情一区二区| 黄色91av| 久久久999视频| 麻豆国产精品va在线观看不卡| 亚洲国产精品久久久久久女王| 日韩欧美不卡在线| 粉嫩av一区二区三区天美传媒| 久久国产亚洲精品无码| 欧美极品美女电影一区| 日本精品视频在线观看| 国产成人精品在线| 日韩免费在线观看av| 国产日产久久高清欧美一区| 久久综合中文色婷婷| 国产精品户外野外| 亚洲一区二区三区毛片| 精品婷婷色一区二区三区蜜桃| 分分操这里只有精品| 国产精品区二区三区日本| 日韩一区免费观看| 风间由美久久久| 欧美成人一区二区三区电影| 欧美在线中文字幕| 国产福利一区二区三区在线观看| 在线免费一区| 国产精品一区二区三区精品| 久久久久久久久久久99| 无码人妻精品一区二区蜜桃百度 | 国产精品视频xxx| 区一区二区三区中文字幕| 久久久精品国产一区二区三区| 亚洲最大福利视频| 99久久久久国产精品免费| 中文字幕人成一区| 91精品国产乱码久久久久久久久 | 亚洲综合第一页| 国产一区二区三区乱码| www.日韩av.com| 精品视频导航| 国产精品久久久久久久久借妻| 免费国产黄色网址| 中文字幕一区二区三区四区五区 | 精品国产一区二区在线| 欧美在线3区| 国产精品久久久久久av福利| 激情小说综合区| 一区二区成人国产精品| 国产精品一区二区免费| 日本在线观看一区| 91精品91久久久中77777老牛| 欧美一区二区.| 国产精品久久久久久久久影视| 国产精选久久久久久| 日本午夜精品一区二区三区| 国产精品视频免费一区二区三区| 国产日韩欧美夫妻视频在线观看| 亚洲中文字幕无码不卡电影| 亚洲不卡1区| 伦理中文字幕亚洲| 91精品国产高清久久久久久91裸体| 色综合影院在线观看| 国产精品三级在线| 91免费看国产| 国产欧美精品日韩| 日韩亚洲不卡在线| 中文字幕无码精品亚洲35| 精品国内自产拍在线观看| 91精品综合久久| 国产毛片久久久久久国产毛片| 日韩中字在线观看| 精品自在线视频| 国产精品视频专区| 久久精品国产一区二区三区日韩| 国产精品一区二区三区免费观看| 欧美亚洲在线观看| 亚洲一区久久久| 久久夜色精品亚洲噜噜国产mv| 久久国产日韩欧美| 国产黄色激情视频| 国产高清精品一区二区| 91.com在线| 粉嫩av四季av绯色av第一区| 国产一区二区三区高清| 国产欧美精品在线| 极品日韩久久| 欧美一区二区影院| 海角国产乱辈乱精品视频| 蜜桃视频日韩| 国产又粗又长又爽视频| 国产一二三区在线播放| 精品欧美日韩| 国产视频九色蝌蚪| 国产欧美日韩亚洲| 99国产在线观看| 国产精品自产拍在线观看| 精品视频一区二区| 国产精品一区二区三区不卡| 国产精品永久入口久久久| 国产精品伊人日日| 99久re热视频精品98| 91精品国产高清久久久久久久久 | 日本久久久久久| 狠狠干视频网站| 国产私拍一区| 国产精品一区二区三区精品| 91精品视频在线免费观看| 久久久久久久久亚洲| 国产精品海角社区在线观看| 亚洲一区二区精品在线观看| 欧美专区中文字幕| 成人亚洲欧美一区二区三区| 日日狠狠久久偷偷四色综合免费| 久久99久久99精品中文字幕 | 国内自拍在线观看| 91精品啪在线观看麻豆免费| 国产精品三区四区| 亚洲综合自拍一区| 蜜桃传媒视频第一区入口在线看| 精品欧美国产| 91精品91久久久久久| 国产精品视频地址| 肉大捧一出免费观看网站在线播放 | 国产精品人人做人人爽| 亚洲欧美精品在线观看| 激情久久av| 成人久久久久久| 色噜噜狠狠狠综合曰曰曰 | 国产精品久久久久久影视| 日本在线播放不卡| 超碰在线97av| 精品久久国产精品| 日韩欧美视频第二区| 91久久夜色精品国产网站| 欧美日韩福利视频| 国产一区视频在线播放| 海角国产乱辈乱精品视频| 国产精品污www一区二区三区| 欧美一级电影久久| 国产制服91一区二区三区制服| 久久亚洲精品无码va白人极品| 精品免费日产一区一区三区免费| 欧美专区福利在线| 久久精品美女| 欧美亚洲一二三区| 久久久久久久一区二区三区| 亚洲 国产 日韩 综合一区| 97久久精品国产| 日本精品视频网站| 久久精品青青大伊人av| 国产最新免费视频| 天天干天天色天天爽| 国产成人无码av在线播放dvd| 国产自偷自偷免费一区|