atitit.自适应设计悬浮图片的大小and 位置

时间：2014-05-13 09:17:59 阅读：232 评论：0 收藏：0 [点我收藏+]

atitit.自适应设计悬浮图片的大小and 位置

#--------最好使用relate定位..

中间,图片的大小和位置走能相对table, 没有遮罩左的或者哈面儿文本的问题,要悬浮,使用top:-15 负值,,

#--------悬浮位置top的问题,因为相对高度..
子能使用js解决,计算top负值..

function iniBonusPicPostion() {
   var mainmainxTop = $("#mainmainx").position().top;
   var mainxHeight = $("#mainmainx").height();
   var hamyarHit = 0.16 * mainxHeight;
   logx("--mainmainxTop n hit:" + mainmainxTop + "--" + mainxHeight);

///hamyarHit 走十 relateion时候儿的负值..
//bonusPicTop 是绝对定位时候儿的top

   var bonusPicTop = mainmainxTop + mainxHeight - hamyarHit;
   logx("--bonusPicTop:" + bonusPicTop);
   $("#bonuspic").css("top", bonusPicTop);

}

作者老哇的爪子 Attilax 艾龙， EMAIL:1466519819@qq.com
转载请注明来源： http://blog.csdn.net/attilax

#-----使用绝对定位麻烦的多多...

a.遮罩左边文本的问题??

使用right:5% 解决,,不要使用left 55%的方式..jei个不太ok有时..

b.遮罩哈面儿文本的问题.

子能使用js 调整自动高度..自动缩写高度...

function iniBonusPicPositionNhit() {
   //ini bonus pic height if too lower
   var bonusPicTop = $("#bonuspic").position().top;
   var bnsPicBtm = bonusPicTop + $("#bonuspic").height();
   var btnDivO5_top = $("#btnDivO5").position().top;
   if (bnsPicBtm <= $("#btnDivO5").position().top) {
       logx("--bnsPicBtm no excel btm boder");
       return;
   }
   var excelHit = bnsPicBtm - btnDivO5_top;

   $("#bonuspic").height(btnDivO5_top - $("#bonuspic").position().top-2);
   //if ($("#topDivO5").height() - 5 >= excelHit) {
//
//       logx("--topDivO5 hit >> excelHit");
//       var topDivO5_hit = $("#topDivO5").height();
//       $("#topDivO5").height(topDivO5_hit - excelHit - 8);
//       iniBonusPicPostion();
//       return;
//   }
//   $("#topDivO5").height(5);
//   iniBonusPicPostion();


}

atitit.自适应设计悬浮图片的大小and 位置,布布扣,bubuko.com

标签：blog c http com a 使用

原文地址：http://blog.csdn.net/attilax/article/details/25570261

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行