ためしに、jQuery UIをスライダーマニュアルを参考に作成してみました。
chromeとIE8で正常動作しました。
ソースコードはめっちゃ単調。
<style>#slider_test001{width:200px;}</style> <div id="slider_test001"></div> <script>$(function() {$( "#slider_test001" ).slider();});</script> |
それぞれデフォルト値は、
最大値(max):100
最小値(min):0
となっています。
変更する場合は、
<style>#slider_test001{width:200px;}</style> <div id="slider_test001"></div> <script> $(function() { $( "#slider_test001" ).slider({ max:200, min:1 }); }); </script> |
またスライド自身のデフォルト値が0なので、変更したい場合は、
<style>#slider_test001{width:200px;}</style> <div id="slider_test001"></div> <script> $(function() { $( "#slider_test001" ).slider({ max:200, min:1, value:33 }); }); </script> |
ためしに、valueキーを設定した場合の実行結果を下に貼り付けます。
0 コメント:
コメントを投稿