jQuerySpinbutton文本框数值自动增减插件资源-CSDN文库

共11个文件

png：6个

js：2个

db：2个

jquery

5星 · 超过95%的资源需积分: 9 144 浏览量 2010-07-31 11:30:28 上传评论收藏 27KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery Spin button 文本框数值自动增减插件.rar （11个子文件）

codefans.net

jquery-spin

img

spin2

spin-up.png 257B

spin-down.png 259B

spin-button.png 256B

Thumbs.db 6KB

spin1

spin-up.png 194B

spin-down.png 192B

spin-button.png 182B

Thumbs.db 6KB

jquery-1.3.2.min.js 56KB

jquery-spin.js 4KB

index.html 2KB

<!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>

评论收藏

内容反馈