JQUERY UI使用者介面設計

滑桿

|

93

<div id=slider></div><br />

Start : <span id=valuestart></span><br />

Stop : <span id=valuestop></span><br />

Change : <span id=valuechange></span><br />

Slide : <span id=valueslide></span>

<script>

$("div#slider").slider ({

animate : true,

start : function (event)

{

var value = $("div#slider").slider ("value");

$("#valuestart").html (value);

},

stop : function (event)

{

var value = $("div#slider").slider ("value");

$("#valuestop").html (value);

},

change : function (event)

{

var value = $("div#slider").slider ("value");

$("#valuechange").html (value);

},

slide : function (event)

{

var value = $("div#slider").slider ("value");

$("#valueslide").html ...