jQuery.CutePsWheel

像Photoshop一样用滚轮自由改变文本框值的jQuery插件

jQuery文本框滚动值插件

一、功能及简介

  • 可定义滚轮每滚动一次值改变的间隔;
  • 可定义文本框的最大滚动值和最小滚动值;
  • 可双击复原文本框初始值;
  • 支持小数类型;
  • 体积小,仅115行代码。

jQuery CutePsWheel是一款jQuery鼠标滚轮增强插件,用于控制文本框的输入,可使其值随鼠标滚动的上下改变而改变。

二、下载并使用

1、下载 jQuery.CutePsWheel插件,并引入到页面中;

2、使用以下代码为目标文本框注册事件:

$('#txt').pswheel({ 
  interval: 10,//每次滚动间隔(可选,默认为1)
  min:0,//最小值(可选,默认不限制)
  max:1000//最大值(可选,可选,默认不限制)
});

三、演示效果

(此模式为最简单模式,默认上下滚动滚轮一次改变的值间隔为1;使用更多参数支持自定义间隔值、最小值和最大值;详细请查看演示或者下载源码查看。)

查看更多演示