<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQuery-spin demo 01</title>
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery-spin.js"></script>
<script>
$(document).ready(function(){
$.spin.imageBasePath = './img/spin1/';
$('#spin1').spin();
$('#spin2').spin({
interval: 5
});
$('#spin3').spin({
max: 10,
min: -5
});
$('#spin4').spin({
timeInterval: 250
});
$('#spin5').spin({
interval: 0.01
});
$('#spin6').spin({
lock: true
});
$('#spin7').spin({
beforeChange: function(n,o){
//$('<div>'+o+' to '+n+'</div>').appendTo($('#console'));
$('#console').text(o+' to '+n).show().fadeOut(400);
}
});
$('#spin8').spin({
imageBasePath: './img/spin2/'
});
});
</script>
<style>
input{
text-align: right;
vertical-align: middle;
}
</style>
</head>
<body>
<h1>jQuery Spin Demo</h1>
<form>
<input type="input" id="spin1" value="0" />
<p>interval: 5</p>
<input type="input" id="spin2" value="0" />
<p>max: 10, min: -5</p>
<input type="input" id="spin3" value="0" />
<p>timeInterval: 250</p>
<input type="input" id="spin4" value="0" />
<p>safe float calcuration</p>
<input type="input" id="spin5" value="9.95" />
<p>prohibit direct change</p>
<input type="input" id="spin6" value="0" />
<p>callback</p>
<input type="input" id="spin7" value="0" />
<div id="console"></div>
<p>different surface</p>
<input type="input" id="spin8" value="0" />
</form>
<div id="debug">
</div>
</body>
</html>
- 1
- 2
- 3
前往页