js实现滚动鼠标放大放小，js鼠标滚动控制图片缩放

如何实现当鼠标移到某个DIV上,该DIV自动放大120%,移开自动缩回100%...

首先，先在代码中输入position：fixed； top： 0； left： 0；这样的作用是让整个图片固定在屏幕上。之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放。

onmouseout=document.getElementById(1).style.width=50px；document.getElementById(1).style.height=100px； class=xuexi/ 主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。

准备图片素材。新建html文件。插入代码。在IE里测试。

相关问答

Q1: js如何点击图片放大js点击图片放大

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

代码如下： 单击图片即可放大图片 点击图片预览效果。

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

用JavaScript实现图片点击放大再次点击恢复代码如下：知识拓展：JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途。

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

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

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

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

Q3: 在网页里点开放大了一张图片后,怎么实现随鼠标滚轮放大缩小?

1、具体如下：第一步，点击桌面左下角的开始图标。第二步，来到下图所示的开始菜单后，点击箭头所指的所有程序图标。第三步，在下图所示的所有程序窗口中，点击win10自带的照片查看器。

2、步骤如下：在网页中，按住键盘上的“CTRL”键不放，然后将滚轮往前滚，这时候，网页中的所有内容就会变大；同样的在网页中按住“CTRL”，然后将鼠标滚轮网后滚动，页面就变小了。

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

4、具体如下：第一步，双击或者右击打开ps软件。第二步，来到下图所示的PS软件主页面后，点击页面顶部的编辑选项。第三步，在下图所示的编辑页面中，点击首选项，接着点击弹出窗口中的工具选项。

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

6、通过按住Ctrl键。滚动鼠标滚轮可调节网页大小比例或电脑桌面图标大小，有时在网页字体较小看不太清情况下，这个功能是非常实用的。把鼠标箭头移到网页或文档中，向下按一下鼠标滚轮，向上或向下移动鼠标。

Q4: 在JS中如何实现通过拖拽改变物体大小

这个示例会在鼠标按下时，启动拖拽功能。当鼠标移动时，元素位置会根据鼠标移动距离进行更新。当鼠标松开时，拖拽行为将停止。

。单击JavaScript图像。2。通过单击来更改img的src属性。3。更改为属性后，将图片设置为动画形式，放大5倍。4。在设置中找到动画时间，将动画时间设置为3秒。

这次给大家带来如何使用js实现拖拽功能，使用js实现拖拽功能的注意事项有哪些，下面就是实战案例，一起来看一下。如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。

可以用js事件“onmouseover”和“onmouseout”来实现。

实现左右拖拽改变大小时：HTML 此时的div会出现滚动边框，此时可拖拽的区域只有右下角的一小块。此时需要将这个区域扩大可进行如下设置。此时内部文字就被隐藏了，在实际使用时可以通过设置兄弟元素展示文字。

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

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

a：hover img { width：120px； height：120px； } //这里就是a的hover时img大小 将hover加在a上而不是img，是因为ie6只支持a的hover选择器。

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

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

关于js实现滚动鼠标放大放小和js鼠标滚动控制图片缩放的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。