WMP オブジェクトのカスタム ボリューム スライダーを作成する必要があります。現在のスライダーは変更と使用が複雑です。JavaScript 関数に値を渡すことができる HTML ページでスライダーを生成する簡単な方法はありますか?
Unkwntech
質問する
101030 次
13 に答える
34
重い Jquery UI が十分にあるので、独自の JS スライダーを作成しました。人々の考えを聞くことに興味があります。5時間も使っていたので、本当に初期段階です。
于 2011-12-05T12:38:28.633 に答える
29
于 2008-10-06T02:24:26.193 に答える
20
Webforms 2を備えたHTML 5<input type="range">は、ブラウザーにネイティブ スライダーを生成させる を提供します。残念ながら、すべてのブラウザーがこれをサポートしているわけではありませんが、Googleはすべての Webforms 2 コントロールを js で実装しています。IIRC js は、ブラウザーがコントロールを実装しているかどうかを知るのに十分なほどインテリジェントであり、ネイティブ実装がない場合にのみトリガーされます。
私の見解では、可能な場合はブラウザーのネイティブ コントロールを使用することがベスト プラクティスと見なされるべきです。
于 2008-10-06T11:07:24.000 に答える
18
シンプルなスライダー:純粋な HTML5でこれをテストしたところ、とてもシンプルです!
<input type="range">
Chromeでは魅力のように機能します。他のブラウザはまだテストしていません。
于 2013-02-01T10:27:22.827 に答える
5
これは、ニーズに合うと思われる別の軽量JavaScript スライダーです。
于 2010-04-07T22:46:39.663 に答える
4
Yahoo UI ライブラリにはスライダー コントロールもあります...
于 2008-10-06T10:38:46.603 に答える
3
script.aculo.us には、チェックする価値のあるスライダー コントロールがあります。
于 2008-10-06T03:02:12.280 に答える
2
FilamentGroupのSliderをお勧めします。ユーザーエクスペリエンスが非常に優れています。
于 2011-11-02T05:31:26.717 に答える
2
軽量の MooTools フレームワークには次のものがあります: http://demos.mootools.net/Slider
于 2008-10-06T03:40:55.540 に答える
2
素敵な JavaScript スライダーがあり、実装は非常に簡単です。zip パッケージは、http: //ruwix.com/javascript-volume-slider-control/からダウンロードできます。
ps ここでは、上記のスクリプトの簡略化されたバージョンを示します。
于 2012-06-25T18:50:45.350 に答える
1
Carpe Sliderには、新しいバージョンもあります
。v1.5 carpe_ambiprospect_slider
v2.0b ... slider / drafts / v2.0 /
于 2010-03-30T17:03:08.627 に答える
1
これは、使いやすいシンプルなスライダー オブジェクトです。
于 2009-12-11T14:53:00.577 に答える
-1
以下のコードは、開始するのに十分なはずです。Opera、IE、Chrome でテスト済み。
<script>
var l=0;
function f(i){
im = 'i' + l;
d=document.all[im];
d.height=99;
document.all.f1.t1.value=i;
im = 'i' + i;
d=document.all[im];
d.height=1;
l=i;
}
</script>
<center>
<form id='f1'>
<input type=text value=0 id='t1'>
</form>
<script>
for (i=0;i<=50;i++)
{
s = "<img src='j.jpg' height=99 width=9 onMouseOver='f(" + i + ")' id='i" + i + "'>";
document.write(s);
}
</script>
于 2012-04-30T21:51:13.087 に答える