ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryで実装した入力ボックス選択時プラグインの使用例

jQuery_jqueryで実装した入力ボックス選択時プラグインの使用例

WBOY
リリース: 2016-05-16 16:12:21
オリジナル
1620 人が閲覧しました

この記事の例では、jQuery によって実装された入力ボックス選択時プラグインの使用方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


<頭>
<メタ文字セット = utf8>
jQuery で実装された入力ボックス選択時プラグイン




メッセージ


time1


time2


time3


<入力タイプ = button id="button" value="button"/>




<スクリプト>
$('#time').setTime();
$('#time2').setTime({
ドラッグ: true、
h:[5,20],
私:[5,50]、
s:[5,45]、
a:0.05、
制約:'',
'starteffect': function(d){
$('#msg').html(d[0]);
}、
'onmove':function(e){
$('#msg').html(e[0] '/' e[1])
}、
zindex:'0',
'カーソル':'移動',
'エリア':[[50,600],[10 ,5000]],
'コールバック':function(){
//アラート(1)
}
});
$('#time3').setTime({
ドラッグ: true、
a:0.05
});
$('#button').click(function(){
alert( $('#time').val() );
alert( $('#time2').val() );
alert( $('#time3').val() );
});


この記事の時間プラグイン jquery.settime.js については、ここをクリックしてくださいこのサイトからダウンロードしてください

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート