原生js鼠标为中心的缩放算法，js鼠标变成小手

js怎么实现鼠标经过一个div,div自动向右边平滑缓慢的移动50px

用JavaScript来实现，按钮添加点击事件，控制div的位置就好，有个附件给你看看，这是一种简单的写法，当然，还有很多写法，你可以用js慢慢尝试下。

示例是这样的，鼠标移动到div上，背景图片会从左往右移动直至最右端。鼠标移出div，背景图标从右往左直至最左端。备注：考虑到宽度变化，本例背景图片使用百分比定位。根据你的实际情况也可改为使用像素(px)定位。

当用户执行某个动作时——比如点击某个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面元素的最上层（将使用JS操作实现）。

http：//基本原理就是鼠标按下修改div的left和top（或者right/bottom）。鼠标离开不变。

这种效果最好直接用css，不要过多用js去管不属于它职责范围内的东西。mains：hover{width：800px；}#mians{transition-duration：0.5s；}高版本浏览器自然兼容，如果要兼容低版本，你可以在网上查到兼容的代码。

相关问答

Q1: 在html中怎么用js实现鼠标指向图片时图片放大到原图那么大?(具体实现...

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

准备好需要用到的图标。新建html文档。书写hmtl代码。

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

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

首先，打开html编辑器，新建html文件，例如：index.html。

Q2: 用js实现页面图片,以鼠标位置为中心,滚轮缩放图片

1、图片以img节点形式放在一个置顶的DIV中，img高度设置为auto，在滚轮事件onmousewheel中改变img节点的宽高即可。

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

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

4、将hover加在a上而不是img，是因为ie6只支持a的hover选择器。

Q3: 如何用js实现鼠标移入div,div高度逐渐变高为某值,移出后高度逐渐缩短...

首先设置两个div，假设给出id分别为a和b，b始终为a的宽度的二分之一。

理论上有实现办法，可以试一下 hover时用amimation执行一次css方法@keyframes name。css name方法中用transform动画执行你想要效果。鼠标离开时用同样的逻辑执行另一个方法将样式再还原回去。

本篇文章给大家带来的内容是关于如何使用js把div高度设置为100%（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

首先你得有个高宽比（比例），根据这个比，用js计算就是了。

js改变DIV高度，首先获取到这个DIV元素，然后用style.height改变其高度即可。

Q4: 35three.js鼠标控制物体旋转缩放

引入这个js 找你自己的路径哈，在threejs的库文件里面有的。

打开threeJS软件，任意创建一个模型。然后选择模型并单击“选择并均匀缩放”按钮。将光标移动到X轴上，则X轴变为黄色，且光标的形状发生变化。

//取消lookAt功能obj.lookAt( null ) 查看示例网页链接 正常情况下，子物体会随着父物体旋转而一起旋转，如果想控制子物体不随父物体旋转，可通过设置子物体的 inheritAngles 属性为 false 而实现。

今天看网易的网站上，当我把鼠标放上去的时候发现图片放大，移开图片缩小，于是自行尝试，结果如下。

Q5: ...要求鼠标所在位置为中心,不动。好像一般图片查看器?

1、首先在电脑中找到需要查看的图片，点击鼠标右键，在弹出的选项中点击“打开方式”。然后在“打开方式”中选择“Windows照片查看器”。即可将选择的图片在“Windows照片查看器”中打开。

2、一般电脑里自带的看图片的软件是：Windows 照片查看器（win7系统自带）右击图片，在打开方式里面就可以看到【Windows 照片查看器】了。注意：如果是其他电脑系统，也可以用这样的方式查看电脑看图片的软件。

3、打开一个照片，使用图片查看器查看，再打开Win10任务管理器，对着照片查看器单击鼠标右键，菜单中选择属性。

4、设备供电不足：这种故障多和供电系统有关，可以根据以下方法进行故障排除： A：电脑开机再次启动进入系统后，可能因为高级电源管理功能造成USB设备无法正常供电，请用鼠标右击“我的电脑”，然后点击“属性”，进入“硬件”页面的“设备管理器”。

原生js鼠标为中心的缩放算法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js鼠标变成小手、原生js鼠标为中心的缩放算法的信息别忘了在本站进行查找喔。