js中鼠标滑过有放大效果，js鼠标滚轮缩放

求救啊,用js实现图片左右滚动,鼠标经过图像会在滚动图像下方的固定位置...

上面的是你的要求。下面是一个小例子。可以实现图片在页面上滚动。

自动滚动，主要思路是用js自带的setInterval方法。定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

这个箭头就是CSS3做的，需要现代浏览器支持。鼠标移动上去就是：hover 伪类样式控制的。左右滑动需要JS支持。

依靠css 将页面 document.documentElement.style.overflow=hidden；document.body.style.overflow=hidden；//手机版设置这个。如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。

可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。

相关问答

Q1: javascript中如何实现当鼠标移到图片上时图片变大,移走后图片恢复原样...

主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。

用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

我参考下我这个代码： 效果是，按下鼠标显示jpg，松开时恢复显示jpg。

用js，先是一个小图片（缩略图），onMouseOver时触发js写的Function，当然Function中是处理方法。这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

从本质上讲，你的解决方案是错误的，你根本没有考虑浏览器延迟问题，如果鼠标放置上图片上就去取另一张图片，第二张图片会花费一些时间来读取，也许几秒，也许几分钟，所以大多数人不会用你的方案。

Q2: (急,高手)js鼠标点击图片放大后再点击关闭代码

1、方法1：用一个变量来存，clicktime = 0，还没点击，clicktime =1 点了一次，clicktime =2 点了两次，所以通过clicktime 的值来判断图片应该放大还是关闭。

2、这个就是做点击事件onclick，再定义一个全局变量，用来记录是第一次点击还是第二次点击图片。

3、准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。

4、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

5、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。

Q3: js+css鼠标移动图片放大

1、可以通过html、jquery、css实现。大概的流程如下：1 把图片放到一个div中，代码：，然后再写一个空的div用于放大图片的浮动显示。

2、这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法：可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果。

3、最后，当鼠标在图片上移动时，应该使用mousemove()方法将图片预览也进行移动。

4、然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。

Q4: 怎么样通过jQuery实现滚动鼠标放大缩小图片

准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。

你用JS设计一下鼠标的点击事件，然后实现滑轮的缩放。

首先新建html文档，进入代码书写界面。在和的里面写入代码，在里面写入想要输入的内容。书写外层轨道css代码。

ul绑定mousewheel鼠标滚动事件(火狐用DOMMouseScroll)取消默认动作，event.preventDefault()（IE：window.event.returnValue=false），这样滚轮滚动后就不会滚动页面了。

【1】鼠标滚动页面放大 按住ctrl键，食指向前滚动鼠标滑轮，这个时候在页面右上角位置就会显示页面放大百分之多少，滚动到合适放大数值时放开鼠标即可。

第一步，打开百度浏览器并进入网页，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页中按住键盘上的“Ctrl”键，然后滑动鼠标滚轮，见下图，转到下面的步骤。

Q5: 在html中怎么用js实现鼠标指向图片时图片放大的效果?(具体实现)_百度知...

1、主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。

2、用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

3、通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层：div id=back/div ，即作为背景层，覆盖整个页面。

关于js中鼠标滑过有放大效果和js鼠标滚轮缩放的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。