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

JavaScript05

怎么用js实现图片点击时放大，再点击恢复,第1张

用JavaScript实现图片点击放大再次点击恢复代码如下：

知识拓展：

JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途。其主要作用是在不与服务器交互的情况下修改HTML页面内容，因此其最关键的部分是DOM（文档对象模型），也就是HTML元素的结构。

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

我运行了你的代码，其实是可以复制粘贴的，因为你设置的复制出的图像覆盖了原来的位置了，这个可以查看元素可以看得到的。你可以改变

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l

Obj.style.top = event.y-Obj.t

}

改成

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l+100+'px'

Obj.style.top = event.y-Obj.t+100+'px'

}

就可以看得出来了

你要输出吗?

<img src="url">

根据程序不同.图片可以动态生成.

<img src="<%...%>">通过脚本

还有就是可以先把图片加上.人然后直接把他隐藏diplay:none, 然后根据你的需要把它的display:block就可以了

不知道你到底怎么生成.以上两条供参考