html實現雙滑塊取值功能

**：

"slidetoolctrol"

>
"slidetoolborder"
>
"slidetitle"
>
"titlespan"
>
檔位span
>
div>
"slidetool"
class
="slidetool"
>
"slideleft"
class
="slideleft"
>
"slider1"
class
="slider1"
>
"value1"
value
="01"
>
01span
>
span
>
div>
"slideright"
class
="slideright"
>
"slider2"
class
="slider2"
>
"value2"
value
="31"
>
31span
>
span
>
div>
div>
div>
div>

var slider1 =document.

getelementbyid
("slider1");
var slider2 =document.
getelementbyid
("slider2");
var slidetool =document.
getelementbyid
("slidetool");
var slideleft =document.
getelementbyid
("slideleft");
var slideright =document.
getelementbyid
("slideright");
varp1
=document.
getelementbyid
("p1");
//滑塊1的滑鼠按下事件
slider1.
onmousedown
=function
(e)if
(evt.clientx-slidetool.offsetleft-x>=
300)
if(slider1.offsetleft >= slider2.offsetleft-10)
//根據滑塊的偏移量計算數值
var value = math.
floor
(slider1.offsetleft/10)
;            slideleft.style.width=slider1.offsetleft+
"px"
;            value = value+1;
if(parseint
(value)
<10)
$("#value1").
text
(value);$
("#value1").
attr
("value"
,value);}
//當滑鼠按鍵抬起時解綁滑鼠移動事件
document.
onmouseup
=function()
}    slider2.
onmousedown
=function
(e)if
(evt.clientx-slidetool.offsetleft-x>=
300)
if(slider2.offsetleft-
10<= slider1.offsetleft)
var value = math.
floor
(slider2.offsetleft/10)
;            slideright.style.width=slider2.offsetleft+
"px"
;            value = value+1;
if(parseint
(value)
<10)
$("#value2").
text
(value);$
("#value2").
attr
("value"
,value);}
document.
onmouseup
=function()
}

#slidetool

#slideleft
#slideright
#slider1
#slider2
#value1
#value2
#slidetoolborder
#slidetitle
#titlespan

效果圖：

HTML5實現自帶進度條和滑塊滑桿效果

一 h5自帶進度條 進度 www.cppcns.com 運用progress標籤，設定好min和max數值就好。可以用value獲取其中的進度值 function staticprogress else 最終效果如下 這個顯示效果是chrome瀏覽器的，ie和firefox的是另外的樣式！樣式更改 ...

通過html和cgi實現拍照顯示功能

華清遠見嵌入式培訓中心 講師。1.編寫html網頁 video.html。網頁內容如下 example video cgi程式內容如下 include include cgic.h include include include include include include include inc...

簡單的html和hfs實現盜號功能

最近老有同學qq被盜，加之今天又有盜號的惹到我頭上了，給個位址由於是顯示qq空間，而我已經登入qq，應該是直接就登入了，但是這裡卻還讓輸入帳號和密碼，我就起了疑心，讓盜號的說說我是誰，於是這個盜號的把我從qq刪除了 露餡跑了 雖然不是搞html的，但是突然想研究一下這個東西。直接審查上面 的元素，主...