<!DOCTYPE html>
<html lang="en">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery带播放进度条水平时间轴</title>
<link rel="stylesheet"href="index.css">
<script src="www.shaxiangift.com/jquery.min"></script>
<script src="www.sxdscyy.com/index"></script>
</head>
<bodystyle="background-color:#E7E7E7;">
<div class="box">
<divid="progressTime_control"onclick="progressTimeControl(this)" title="开始"></div>
<divclass="progressTime" id="progressTime"style="z-index:9">
<div>
<pid="startTime" style=" float:left;margin-left:33px;opacity:0;display: none;"></p>
<p id="endTime" style="float:right;margin-right:33px;opacity: 0;display: none;"></p>
</div>
<divclass="time_slot">
<p>06</p>
<p>07</p>
<p>08</p>
<p>09</p>
<p>10</p>
</div>
<divid="progressTime_concent">
<divid="scrollBarBox">
<divid="scrollBar">
<divid="scroll_Track"></div>
<divid="scroll_Thumb"></div>
</div>
</div>
<divclass="timecode"></div>
<divstyle="width:90%; margin-left: auto;margin-right: auto;">
<divstyle="width:300px;float:right;margin-right:-110px;margin-top:-8px">
<pid="TimeSpeed"style="float:left;margin-right:40px;display:none">×1</p>
<pstyle="float:right" id="scrollBarTxt"></p>
</div>
</div>
</div>
</div>
</div>
<divstyle="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoftYaHei';">
<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>来源:<a href="http://down.admin5.com/"target="_blank"> </a></p>
</div>
</body>
</html>
联系客服