同步熏染白条背景

EBook.Web/Common/tasklib_book.css

@@ -193,11 +193,19 @@ table{
     background-size: 100%;
     margin-left:10pt;
 }
+.LDFPWhite{
+    width:0pt;
+    height: 2pt;
+    position:relative;
+    left: 0px;
+    top: 0px;
+    background-color: #fff;
+}
 .LDivFooter .LDFProcS {
     width:calc(100% - 178pt);
     height:2pt;
     float:left;
-    background-color:rgba(255,255,255,0.6);
+    background-color:rgba(6,142,216,1);
     margin-left: 18pt;
     margin-top: 16pt;
 }
@@ -206,7 +214,7 @@ table{
     height:8pt;
     position:relative;
     left:0px;
-    top:-4px;
+    top:-6px;
     background-image: url('../Images/Listen/拉杆@2x.png');
     background-size: 100%;
 }

EBook.Web/Common/tasklib_book.js

@@ -321,10 +321,10 @@ var AddListenDiv = function (NodeHandle, NIndex) {
             var SelectedN = (i == 0 ? 1 : 0);
             htmlStr += '<div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_' + i + '" data-selected="' + SelectedN + '" onclick="cLSourceFunc(' + NIndex + ',' + i + ')" data-auduourl="' + UrlArr[i] + '">听力材料' + (i + 1) + '</div>';
         }
-        htmlStr += '</div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
+        htmlStr += '</div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
     }
     else if (UrlStr != null) {
-        var htmlStr = '<div class="ListenDiv" data-status="0"><div class="LDivTop" style="width:1px;height:0px;overflow:hidden;"><div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_0" data-selected="1" onclick="cLSourceFunc(' + NIndex + ',0)" data-selected="1"  data-auduourl="' + UrlStr + '"></div></div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
+        var htmlStr = '<div class="ListenDiv" data-status="0"><div class="LDivTop" style="width:1px;height:0px;overflow:hidden;"><div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_0" data-selected="1" onclick="cLSourceFunc(' + NIndex + ',0)" data-selected="1"  data-auduourl="' + UrlStr + '"></div></div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
     }
     $(NodeHandle).css("width", "1px").css("height", "1px").css("overflow", "hidden").after(htmlStr);
 }
@@ -391,6 +391,8 @@ var playImageFunc = function (iIndex,leftVal,allTimes) {
     //LeftPx = LeftPx > 158 ? 158 : LeftPx;
     //LeftPx = LeftPx < 0 ? 0 : LeftPx;
     $(jQStr).css("left", LeftPx + PUint);  // 设置滑块滚动
+    jQStr = ".LDFPWhite_" + iIndex;
+    $(jQStr).css("width", LeftPx + PUint);  // 白色背景
     jQStr = ".RunTime_" + iIndex;
     $(jQStr).text(timeToStrFunc(leftVal));  // 设置文字显示
     jQStr = ".RunAllTime_" + iIndex;