jQuery鼠標拖動進度條計量代碼



61 240 81



特效描述:jQuery 鼠標拖動 進度條計量,jQuery鼠標拖動進度條計量代碼

代碼結構

1. 引入CSS

<link href="css/style.css" rel="stylesheet">

2. 引入JS

<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/FengBragBar.js" type="text/javascript"></script>

3. HTML代碼

<div class="main">
	<h1>FengBragBar jQuery 鼠標拖動計量 Demo</h1>
	<p>最近幾年,很多IDC網站,都會有這種拖動計量的設計。方便用戶錄入所需要的配置。我很感興趣,所以自己寫了一個DEMO</p>
	<p>在DEMO結構上,它主要有四個東西組成,計量條背景,已選中計量條,拖動點,以及輸出文本的顯示框。</p>
	<p>學習重點有,如何獲取鼠標的位置,如何模擬制作鼠標拖動事件(默認是沒這個事件的。)</p>
</div>
<div id="main">
	<div id="bar_bg">
		<div id="bar_click"></div>
		<div id="bar_percent"></div>
	</div>
	<div id="bar_input"></div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 拖動 拖拽 拖動插件 拖拽插件 滑動星星打分 其他 圖片拖動 圖片拖拽 進度條 進度條插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子