`
kkk863114
  • 浏览: 75988 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery鼠标滚轮控制文本框数字改变

阅读更多

查看效果

下载地址

jquery 鼠标滚轮控制文本框数字改变

jquery 鼠标滚轮控制文本框数字改变,不知道如何描述给大家,也就是在网页的文本框中,只要鼠标移上后,文本框的文字就处于选中状态,如果这时候滚动鼠标滚轮,则选中状态的文字是可以改变的,向上增大,向下减小等,如果没听懂的朋友自己下载运行一下就知道了。

前台部分代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>߼</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.mousewheel.js"></script>
</head>
<body>
<input type="text" id="txt1" value="0" class="txt"/> 
<input type="text" id="txt2" value="10" class="txt"/> 
<input type="text" id="txt3" value="-10" class="txt"/>
<input type="text" id="txt4" value="10.4" class="txt"/>
 <script> 
$(function(){
	$(".txt").mousewheel(function(objEvent, intDelta){
		ScrollText(this,intDelta);//intDeltaʱintDelta0
	});
})
 
function ScrollText(oTxt,arg){
	oTxt.focus();
	var value=parseInt(oTxt.value);
	if(arg>0){
	_value++;
	}else{
	_value--;
	}
	oTxt.value=_value;
	oTxt.select();//ѡȡЧ
}
</script>
</body>
<!--                     
           http://www.jscss8.com           
-->
</html>

 

分享到:
评论

相关推荐

    jquery 鼠标滚轮控制文本框数字改变

    本资源探讨了一个特定的应用场景,即“jquery 鼠标滚轮控制文本框数字改变”,这是一个实用的功能,常见于各种需要用户输入数值的交互界面,如调整音量、设置数量或调节滑块等。 当用户在文本框(input[type=...

    jquery鼠标滚轮事件支持插件

    在给定的“jquery鼠标滚轮事件支持插件”中,我们关注的是如何利用jQuery扩展来处理鼠标的滚轮事件。这个插件允许开发者监听和响应用户滚动鼠标的滚轮,从而在网页上实现更加动态和交互的功能。 标题中的“jquery...

    42、jQuery鼠标滚轮控制页面滑动代码

    在网页开发中,jQuery库为JavaScript开发者提供了许多便利的功能,其中之一就是通过鼠标滚轮来控制页面的滚动。这个功能在创建具有长滚动效果或者需要自定义滚动行为的网站时非常有用。下面我们将深入探讨如何使用...

    jquery监听鼠标滚轮事件+js监听滚轮事件

    本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一种简洁的方式来处理DOM元素上的事件,包括滚轮事件。要监听滚轮事件,可以使用`$(element)....

    jQuery鼠标滚轮控制页面滑动代码.zip

    本案例中的"jQuery鼠标滚轮控制页面滑动代码"是一个常见的网页交互功能,它允许用户通过鼠标的滚轮来控制网页内容的上下滚动,提高了用户体验。这个功能尤其对长页面设计来说非常实用,因为用户无需频繁移动鼠标到...

    jQuery鼠标滚轮控制幻灯片切换.zip

    "jQuery鼠标滚轮控制幻灯片切换"是一个利用jQuery库实现的交互式功能,它允许用户通过滚动鼠标滚轮来浏览一系列图片或内容,为网站增添了一种流畅且便捷的用户体验。 jQuery是一个轻量级的JavaScript库,它简化了...

    jquery鼠标滚轮事件

    "jQuery鼠标滚轮事件"是一个非常实用的功能,它允许我们监听并响应用户使用鼠标滚轮时的操作,以此来实现诸如页面滚动、图片缩放等丰富的交互效果。在本文中,我们将深入探讨jQuery中关于鼠标滚轮事件的知识点。 ...

    jquery 鼠标滚轮改变图片大小例子

    在我们的例子中,jQuery将帮助我们轻松地绑定鼠标滚轮事件并控制图片尺寸。 要实现这个功能,我们首先要确保网页已经引入了jQuery库。通常,我们会在HTML文档的`&lt;head&gt;`标签内添加如下代码来引入CDN上的jQuery: `...

    Jquery各种小功能文本框验证,弹出日期牌等

    在这个“Jquery各种小功能文本框验证,弹出日期牌等”主题中,我们将深入探讨jQuery如何用于实现文本框的验证以及弹出日期选择器(日历牌)的功能。 一、文本框验证 1. 自动验证:jQuery配合Validform_v4.0插件...

    jquery插件,是文本框只能输入数字

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

    jquery实现动态添加文本框和下拉框效果

    jquery实现动态添加文本框和下拉框效果。

    jQuery插件 拖拽和鼠标滚轮控制图片大小

    本文将详细探讨如何利用jQuery插件实现拖拽和鼠标滚轮控制图片大小的功能,这对于创建交互式网页体验至关重要。 首先,我们要理解jQuery中的拖拽功能。拖拽通常用于创建可移动的元素,例如在网页上拖动一个图片或...

    jQuery 鼠标滚轮插件 mousewheel

    **jQuery鼠标滚轮插件mousewheel详解** 在Web开发中,用户交互的体验至关重要,而鼠标滚轮事件是用户与页面交互的一种常见方式。jQuery库提供了丰富的API来处理DOM操作和事件监听,但原生的jQuery并不直接支持滚轮...

    jquery插件库-jquery按钮控制text文本框商品数量增加或减少.zip

    这个“jquery插件库-jquery按钮控制text文本框商品数量增加或减少.zip”压缩包文件包含了用于电商网站或其他需要显示商品数量的应用场景的jQuery插件。这个插件主要用于控制文本框中的商品数量,用户可以通过点击加...

    带鼠标滚轮效果的jquery图片轮播

    本篇文章将详细讲解如何利用jQuery实现一个带鼠标滚轮效果的图片轮播功能。 首先,我们需要理解jQuery的基本概念。jQuery是由John Resig于2006年创建的,它的核心理念是“Write Less, Do More”。jQuery通过提供...

    jquery 鼠标滚轮实现图片缩放

    在本文中,我们将深入探讨如何使用jQuery来实现鼠标滚轮控制图片的缩放功能,这是一个常见且实用的交互效果,尤其适用于查看详细图片或者图像浏览器。 首先,我们需要在HTML文件中设置一个图片元素,作为我们要进行...

Global site tag (gtag.js) - Google Analytics