js 控制鼠标滚轮横向滚动

2024-09-07

jQuery---鼠标滚轮控制div横向滚动条左右移动

HTML <div class="table-responsive"> <div class="fhtable" style="width:2000px"></div> </div> JavaScript //鼠标滚轮控制div左右移动 $(".fhtable").each(function(index,element) { element.onwheel = function(

JS 判断鼠标滚轮的上下滚动 <script type="text/javascript"> var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 alert("滑轮向上滚动"); } if (e.wheelDelta < 0) { //当滑

js中鼠标滚轮事件详解

js中鼠标滚轮事件详解 (以下内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ ) 之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制,滚轮事件其中考虑浏览器兼容性问题附加事件其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件. /*IE注册事件*/ if(document.attachEvent){ document.attachEvent('onmousew

js 判断鼠标滚轮方向

最近因为公司项目的要求,需要做页面的全屏滚动切换效果. 页面的切换,需要脚本监听鼠标滑轮的滚动事件,来判断页面是向上切换or向下切换. 这里的脚本很简单,我就直接贴出来吧. $('html').on('mousewheel DOMMouseScroll', function (e) { e.preventDefault(); var t = new Date().getTime(); //防止鼠标滚动太快 if (t - Const.scrollTime < 1400) { return !1;

Magnifier.js - 支持鼠标滚轮缩放的图片放大镜效果

Magnifier.js 是一个 JavaScript 库,能够帮助你在图像上实现放大镜效果,支持使用鼠标滚轮放大/缩小功能.放大的图像可以显示在镜头本身或它的外部容器中.Magnifier.js 使用Event.js 作为跨浏览器的事件处理器.支持的浏览器:Chrome, Firefox, Safari, IE 7, 8, 9 & 10. 您可能感兴趣的相关文章 10大流行 Metro UI Bootstrap 主题和模板精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的

使用JS实现鼠标滚轮事件

网站需要实现鼠标滚轮滚一下,页面向下滑向下一个锚点,由于前面有个一样式必须用jQuery1.3.2,而好多滚轮事件都使用了更高版本的jQuery,于是就从网上找了找 <script type="text/javascript"> var sel_index = -1 var sel_max = $(".billboard-hero").length - 1; function handle(delta) { var s = delta + ":

js控制div滚动条，滚动滚动条使div中的元素可见并居中

1.html代码如下 <div id="panel"> <div id="div1"></div> <div id="div2"></div> <a name="div3Anchor"> </a> <div id="div3"></div> </div> 2.js滚动div到div3 pa

Wpf ScrollViewer with WrapPanel 使用鼠标滚轮水平滚动内容

为WrapPanel添加水平滚动条,当禁用垂直滚动条后使用鼠标无法滚动,竟然还需要自己写代码来实现,真真是挺无语呢,不知道算不算是一个bug. <Grid Background="Transparent"> <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Auto" PreviewMouseWheel="

js 实现图片无限横向滚动效果

门户网站好多都有产品无线滚动展现的效果: 测试demo1 -- 非无缝滚动(可以看出来从头开始的效果): css样式如下: .box{ width: 1000px; border: 1px solid #ccc; overflow: hidden; height: 110px; margin: 50px auto; white-space: nowrap; position: relative; } .con1{ width: 1000px; height: 110px; overflow: h

JS控制鼠标点击事件

鼠标点击事件就是当鼠标点击元素时,就会出现另一个窗口,类似于百度首页中右上角的“登录”这个按钮,当鼠标点击登录时,就会出现登录窗口.大体的意思就是这样,直接上代码了,简单易懂. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录消失</title> <style type=&quo

windows 修改鼠标滚轮自然滚动

在mac 上玩习惯了,使用windows 时的鼠标实在觉得别扭,在网上百度了一下,找到一个方法,这里记录一下 1 打开windows 的控制面板,点击“硬件和声音” 2 点击“鼠标” 3 然后点击上面的“硬件” 4 选择“设备”的一个,因为我也不知道哪个对应的是我的鼠标,所以先找一个来试,如果后面设置后没有生效,再选择一个设备来操作吧选择一个设备,点击“属性” 5 点击“详细信息” 然后在“属性”里选择“设备实例路径“ 将”值“ 记录下来,或者不要关闭这个窗口,等一下有用 6 用root 权限

js控制“鼠标点击按钮后，按钮消失“（可以自己添加video标签控制播放）

JS如何判断鼠标滚轮向上还是向下滚动

前几天偶然看到某前端群有人在问:JS如何判断鼠标滚轮向上还是向下滚动? 我想了想,有点蒙蔽,心想难道不是用scrollTop来判断吗? 但我不确定,也出于好奇心,于是开始了一番探索思路:通过event对象里wheelDelta和detail值的正负来判断鼠标滚轮向上还是向下,示例代码如下 Demo <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>JS

纯javaScript实现元素平滑滚动，改进前两个版本，支持鼠标滚轮滚动和点击元素滚动，滚动更顺畅

windowScroll(id, number, distance, direction, obj) 参数介绍: 1.id:所要滚动的元素id; 2.number:滚动次数; 3.distance:每次滚动的距离; 4.direction:滚动的方向(上下传入"top",左右传入"left"); 5.obj:滚动的触发方式(滚轮触发.点击触发); 6.obj格式{touch: click||scroll||click&scroll, control_up:

JS判断鼠标向上滚动还是向下滚动

js如何判断滚轮的上下滚动,我们应该都见到过这种效果,用鼠标滚轮实现某个表单内的数字向上滚动就增加,向下滚动就减少的操作,这种效果是通过js对鼠标滚轮的事件监听来实现的.今天简单的研究了一下如何使用javascript来判断鼠标是向上滚动还是向下滚动,简要分享. 首先,不得不说一下,因为不同的浏览器有不同的滚轮事件.主要是有两种,onmousewheel(firefox不支持)和DOMMouseScroll(只有firefox支持),关于这两个事件这里不做详述,想要了解的朋友请移步:鼠标滚轮(m

纯JS实现鼠标每隔一段时间才能让页面再次滚动

这里没有用到浏览器的兼容性写法,只是提供思路(这里使用的是Google浏览器的方法) javascript代码部分: //获取html元素var oHtml =document.documentElement;//功能实现的主要依赖var count = 1: oHtml.addEventListener("mousewheel",function (e) { var event = e || window.event; if(count === 1) { function () {

js/jq判断鼠标滚轮方向

js判断鼠标滚轮方向: var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 //事件 } if (e.wheelDelta < 0) { //当滑轮向下滚动时 //事件 } } else if (e.detail) { //Firefox滑轮事件 if (e.detail> 0) { //

js实现文字横向滚动

页面布局 <div id="scroll_div" class="fl"> <div id="scroll_begin"> 恭喜793765***获得 <span class="pad_right">50元巨人点卡奖励</span> 恭喜793765***获得 <span class="pad_

如何让VB6代码编辑器垂直滚动条随鼠标滚轮滚动

VB6毕竟是很老的产品了,它的代码编辑器垂直滚动条并不能随鼠标的滚轮而滚动,这个问题会让我们在编写代码的时候觉得很不方便,不过还是有一种方法可以解决这个问题的. 先下载一个微软发布的“VB6IDEMouseWheelAddin.dll”文件(此文件已经上传到百度网盘,网址:http://pan.baidu.com/s/1c06KY7e,或者也可以自己百度一下该文件名下载),然后按照以下的方法进行(注意:此处介绍的是一种通用的方法,适合是32位和64位的系统上使用): 一. 将下载的文件解

winform鼠标滚轮事件

#region 进入窗体时加载 public FormAlarmInfoQuery() { InitializeComponent(); pictureBox1.ImageLocation = "f:\\1.jpg"; this.MouseWheel += new System.Windows.Forms.MouseEventHandler(this.panel1_MouseWheel); //判断是否已安装带滚轮的鼠标 //SystemInformation.MouseWheelPr

使 WPF 支持触摸板的横向滚动

微软终于开始学苹果一样好好做触摸板了(就是键盘空格键下面那一大块).然而鉴于以前没有好好做,以至于 WPF 程序甚至都没有对触摸板的横向滚动提供支持(竖向滚动是直接使用了 MouseWheel,汗--).但有些功能真希望能够支持横向滚动! 本文将介绍让触摸板支持横向滚动的方法,本质上也是用 MouseWheel,但却支持了横向. 本文同时编写了中文和英文两个版本,不过 CSDN 博客中我只发布了中文版本,英文版本需前往 GitHub:Support Horizontal Scrollin

js 控制鼠标滚轮横向滚动

热门专题