JQ鼠标滚动的两个小应用
2012-07-03 13:56
176 查看
JQ插件jquery.mousewheel.js
1.放大缩小图片:
2.鼠标滚动改变input值
1.放大缩小图片:
<img class="logo" src="http://img03.taobaocdn.com/tps/i3/T1ogqgXfXeXXXXXXXX-168-42.png" alt="" /> <script> $(function(){ $(".logo").mousewheel(function(objEvent, intDelta){ var o = $(".logo").width(); if(intDelta>0){ o = o - 10; }else{ o = o + 10; } $(".logo").width(o); }); }) </script>
2.鼠标滚动改变input值
<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代表鼠标滚动,向上时,intDelta大于0。 }); }) function ScrollText(oTxt,arg){ oTxt.focus(); var _value=parseInt(oTxt.value); if(arg>0){ _value++; }else{ _value--; } oTxt.value=_value; oTxt.select();//选取效果 } </script>
相关文章推荐
- swiper应用demo及鼠标滑过悬停离开滚动方法
- 文字横向滚动应用实例(DIV + CSS、鼠标拖动)
- javascript鼠标滚动事件详解及应用
- 文字滚动应用,禁止鼠标控制暂停或滚动
- 【※】非限定宽度横向滚动应用实例(DIV + CSS、鼠标拖动)
- 文字纵向滚动应用实例(DIV + CSS、鼠标拖动)
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- JQ简单鼠标经过li滚动图片
- jq鼠标点击滚动锚点
- jq文字无缝滚动代码(鼠标悬停停止滚动)
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。
- jq实现鼠标滚动的时候上下翻页,动画在翻页的时候才会执行
- 表格应用----表格第一行保持固定,其余行可以随鼠标滚动
- Jquery应用案例之单条新闻的滚动效果
- IOS开发系列之UIScrollView(滚动视图)的常用属性和应用举例(滑动相册、轮播图)
- 当tomcat有两个链接数据库的应用同时运行可能冲突
- duilib combo控件,当鼠标滚动时下拉列表自动关闭的bug的修复
- div不显示滚动条但实现鼠标移上去可以上下滚动的效果
- java语言gui编程之内部类和鼠标事件经典2之两个问题的解决