jQuery实现的可以拖动修改坐标的刻度尺效果_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

jQuery Dragval

drag and choose value

jQuery Dragval is jQuery plugin to create a dragging measure.

<div id="Slider" class="Dragval">

<input type="text" name="" value="" class="Output" />

</div>

 

<script type="text/javascript">

$(function() {

$("#Slider").dragval();

});

</script>

<div id="Slider2" class="Dragval">

<input type="text" name="" value="" class="Output" />

</div>

 

<script type="text/javascript">

$(function() {

$("#Slider2").dragval({ step: 50, min: 0, max: 50000, startValue: 45000 });

});

</script>

Main parameters (default):

loopTime: 60, // (ms)

clickTime: 200, // (ms)

step: 10000,

min: 10000,

max: 2000000,

startValue: 0,

How to use?

In head:

<link type="text/css" rel="stylesheet" href="css/jquery.dragval-1.0.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript">

<script src="js/jquery.dragval-1.0-pack.js" type="text/javascript">

 

In body:

<div id="Slider2" class="Dragval">

<input type="text" name="" value="" class="Output" />

</div>

 

<script type="text/javascript">

$(function() {

$("#Slider2").dragval({ step: 50, min: 0, max: 50000, startValue: 45000 });

});

</script>

Download

License

jQuery Dragval uses GPL v3 license.

Author

Kamil Szalewski, web apps programmer.

kamil[at]pimago.pl

代码整理:时代Java(NowJava.com) 

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。

下载代码说明
X关闭

jQuery实现可以拖动及查看自定义坐标刻度尺效果

jQuery实现的可以拖动修改坐标的刻度尺效果,可以自定义坐标刻度,查看刻度效果,通过鼠标拖动标记进行坐标变换,经测试功能相当不错,学习jquery的朋友可以下载参考下。