javascript鼠标点击切换图片和文字变大(js鼠标移入图片放大)
javascript中如何实现当鼠标移到图片上时图片变大，移走后图片恢复原样
img id="1" src="./nylink.jpg" onmouseover="document.getElementById(1).style.width='250px';document.getElementById(1).style.height='500px';" onmouseout="document.getElementById(1).style.width='50px';document.getElementById(1).style.height='100px';" class="xuexi"/
主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。
使用javascript实现鼠标滑轮及按钮同时控制图片的大小
placeholder.style.zoom
=
parseInt(placeholder.style.zoom)
+
(args
?
+1
:
-1)
+
'%';
这一行parseInt(placeholder.style.zoom)中的placeholder.style.zoom没有没有设定一个初始值
你的代码运行时，假如先使用滚轮放大缩小过图片，那么同一个页面对象中placeholder.style.zoom就已经被赋值了，所以放大缩小按钮可以使用；假如之前没有用滚轮放大缩小过图片，直接用放大缩小按钮进行操作，就会报参数无效错误
在placeholder.style.zoom
=
parseInt(placeholder.style.zoom)
+
(args
?
+1
:
-1)
+
'%';
上面加上如下代码
if
(!(placeholder.style.zoom))
{
placeholder.style.zoom
=
'100%';
}
问题解决
如何用JS/JQ实现，点击小图片显示大图片及详细信息的功能？
这个一般是用css来显示特定内容的。
譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。
.sa
{width:20px;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
-20px
-30px;}
注解：
宽度和高度是控制显示范围的
overflow:hidden是确保不会有多余显示
background:url(icon.png)是使用图片作为背景显示，并且也只能作为背景显示才能达到这种做法的目的
no-repeat是不会重复，这个不是必须的，不过有会规范一些
-20px
-30px是图片的定位，显示时会将图片按这个坐标来定位
上面只是针对固定大小的显示内容来定义的，如果大小不固定，在background属性中有可能需要更改设置。不过重点是这种方式是这么使用的。
如果大小不固定，也可以这样定义，让背景自适应：
.sa
{width:auto;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
right
bottom;}
对于图片2(首页标签)的内容，也是这么使用的：
.a
{width:100px;
height:25px;
overflow:hidden;
background:url(2.png)
no-repeat
left
center;}
.a:hover
{background-position:right
center;}
这样一来，当鼠标移到元素时，背景定位发生变化，显示的内容便由左边的变成右边的了。
不过你应该对css这方面还不是很了解，目前可能还没有很便捷的方式对这些css进行快速定义，所以也只能告诉你是这么一回事，但未必能帮得上你。
求JavaScript代码，鼠标经过离开放大缩小图片 要具体点
用JS结合CSS完成！
img src="图片地址" width="80px" height="80px" onMouseOver="javascript:this.style.height='200px';this.style.weight='200px'"
onMouseOut="javascript:this.style.height='80px';this.style.weight='80px'"
以上显示的是过行的，但是复制过去了要在同一行哈
onMouseOver 对应的height 和widtth是鼠标经过的变大的值，onMouseOut对应的是原始大小。
img标签的那个height和width要和onMouseOut的那个一样，当然你也可以按个人喜好设。
在html中怎么用js实现鼠标指向图片时图片放大的效果？（具体实现）
分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。
具体代码实现如下：
img id="img" onmouseover="bigger()" onmouseout="smaller()" src="你的图片路径" style="width:100px;height:100px;" /
script type="text/javascript"
var img = document.getElementById('img');
function bigger(){
?img.style.width = '400px';
?img.style.height = '400px';
}
function smaller(){
?img.style.width = '100px';
?img.style.height = '100px';
}
/script
扩展资料：
HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。
参考资料：
JavaScript官方API接口-GlobalEventHandlers.onmouseover
JavaScript官方API接口-GlobalEventHandlers.onmouseout
W3cSchool-JavaScript 事件参考手册