点击图片放大功能js，html图片点击放大特效

求一个简单的点击图片放大缩小的JS代码

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

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

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

相关问答

Q1: 请求网页设计高手帮忙解决一下在网页中点击图片可放大的代码怎么...

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

2、点击图片出现大图片这个和php无关，这个是javascript的内容。用jquery吧，各种华丽效果插件，用起来也简单的很。

3、第导入一张大图片到库中。第新建一影片剪辑，将库中的图片拖入，属性中x与y坐标都设为0（这个要注意），然后按Ctrl+B将图片打散。再 新建个影片剪辑，将刚才的影片拖入进来，居中对齐。

4、百分比数值过大，图片会依照背景裁减掉一部分。DW是网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

Q2: js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层...

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

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

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

本文实例讲述了js实现单击图片放大图片的方法。分享给大家供大家参考。具体实现方法如下：代码如下： 单击图片即可放大图片 点击图片预览效果。

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

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

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

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

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

在图片的加入样式style=cursor：hand； 即可改变鼠标图像。cursor的相应值的意思：default 默认光标（通常是一个箭头）auto 默认。浏览器设置的光标。crosshair 光标呈现为十字线。

/div 如果希望鼠标经过时图片的尺寸变成600*450，那么在css里面只要这样定义就行了：.pic img：hover{width：600px；height：450px} 这个代码在ie6下会不生效，因为ie6不支持除A标签外的其他元素的：hover伪类。

Q4: 怎么用js实现图片点击时放大,再点击恢复

通过Ajax可以使HTML页面通过JavaScript，在不重新加载页面的情况下从服务器上获取数据并显示，大幅提高用户体验。通过JavaScript，使Web页面发展成胖客户端成为可能。

点击JavaScript图片。通过点击之中换成img的src属性。换成属性之后，将图片设置成动画形式放大原来的5倍。在设置中找到动画时间，将动画时间设为3秒即可。1。单击JavaScript图像。2。

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

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

. onmouseover=imgover(this) / fucntion imgover(obj){ var w =obj.style.width；var h=obj.style.height；obj.style.width=(w*25)+px；obj.style.height=(h*25)+px；} //移回去一样。

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

Q5: js实现单击图片放大图片的方法

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

2、本文实例讲述了js实现单击图片放大图片的方法。分享给大家供大家参考。具体实现方法如下：代码如下： 单击图片即可放大图片 点击图片预览效果。

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

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

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

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

点击图片放大功能js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html图片点击放大特效、点击图片放大功能js的信息别忘了在本站进行查找喔。