소스 검색

自适应宽度处理

namejr 4 년 전
부모
커밋
66078f0f8d
2개의 변경된 파일18개의 추가작업 그리고 3개의 파일을 삭제
  1. 1 1
      EBook.Web/Common/tasklib_book.css
  2. 17 2
      EBook.Web/Common/tasklib_book.js

+ 1 - 1
EBook.Web/Common/tasklib_book.css

@@ -194,7 +194,7 @@ table{
     margin-left:10pt;
 }
 .LDivFooter .LDFProcS {
-    width:158pt;
+    width:calc(100% - 178pt);
     height:2pt;
     float:left;
     background-color:rgba(255,255,255,0.6);

+ 17 - 2
EBook.Web/Common/tasklib_book.js

@@ -372,10 +372,25 @@ var pauseMusicFunc = function (iIndex) {
 // 设置滑块的位置
 var playImageFunc = function (iIndex,leftVal,allTimes) {
     var jQStr = ".LDFProcImg_" + iIndex;
-    var LeftPx = (leftVal * 158) / allTimes;
+    var PWidthVal = $(jQStr).parent().css("width");
+    // 兼容单位
+    var PUint = "";
+    if(PWidthVal.indexOf("px") > -1) {
+        PUint = "px";
+        PWidthVal = PWidthVal.replace(PUint, "");
+    }
+    else if (PWidthVal.indexOf("pt") > -1) {
+        PUint = "pt";
+        PWidthVal = PWidthVal.replace(PUint, "");
+    }
+    else if (PWidthVal.indexOf("em") > -1) {
+        PUint = "em";
+        PWidthVal = PWidthVal.replace(PUint, "");
+    }
+    var LeftPx = (leftVal * parseFloat(PWidthVal)) / allTimes;
     //LeftPx = LeftPx > 158 ? 158 : LeftPx;
     //LeftPx = LeftPx < 0 ? 0 : LeftPx;
-    $(jQStr).css("left", LeftPx + "pt");  // 设置滑块滚动
+    $(jQStr).css("left", LeftPx + PUint);  // 设置滑块滚动
     jQStr = ".RunTime_" + iIndex;
     $(jQStr).text(timeToStrFunc(leftVal));  // 设置文字显示
     jQStr = ".RunAllTime_" + iIndex;