HTML页面,我想制作一个点击图片全屏放大,再点击就恢复大小的效果,用JS怎么实现,CSS可以吗,来高手

HTML页面,我想制作一个点击图片全屏放大,再点击就恢复大小的效果,用JS怎么实现,CSS可以吗,来高手,谢谢

附件是一个简单的点击放大的效果, 你可以看一下

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-08-24
可以使用插件
第2个回答  2015-08-24

能用JQ框架吗?这样简单点


第3个回答  2015-08-24

这个挺不错的

本回答被提问者采纳

在html中怎么用js实现鼠标指向图片时图片放大到原图那么大?(具体实现...
可以用js事件“onmouseover”和“onmouseout”来实现。1、新建html文档,在body标签中添加图片标签,为这个标签设置“id”属性,然后设置图片的默认显示大小css属性:2、添加“onmouseover”js事件,首先使用“document.getElementById”获取到图片标签,然后定义鼠标移动到图片上时发生的事件,这时图片将会放大:...

求一个简单的点击图片放大缩小的JS代码
1、准备好需要用到的图标。2、新建html文档。3、书写hmtl代码。<div id=allbox> <div id=boxhome> <img style="WIDTH: 107px; BOTTOM: 5px; HEIGHT: 176px; LEFT: 10px" id=imgSmallLeft class=imgBorder onClick="clearInterval(autoplay);moveD('l');"> 。4、书写并添加js代...

怎么用js实现图片点击时放大,再点击恢复
通过Ajax可以使HTML页面通过JavaScript,在不重新加载页面的情况下从服务器上获取数据并显示,大幅提高用户体验。通过JavaScript,使Web页面发展成胖客户端成为可能。

HTML页面,我想制作一个点击图片全屏放大,再点击就恢复大小的效果,用...
附件是一个简单的点击放大的效果, 你可以看一下

html页面里面如何实现点击小图放大查看大图
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:div {width: 72px;height: 72px;background: url(small3.png) no-repeat;overflow: hidden;} 3、浏览器运行index.html页面,此时成功将矩形图片只显示了正方形部分。4、点击小图后,...

请求网页设计高手帮忙解决一下在网页中点击图片可放大的代码怎么写?
<script type="text\/javascript"> function zoomIn(){ \/\/此处点击图片时会将图片放大到原来的三倍大小,重复点击一直放大 var imgNode = document.getElementById("image");var width = imgNode.width;var height = imgNode.height;var width_tmp = width*3;var height_tmp = height*3;imgNode...

css和js怎么控制html点击一张小图片就显示一张大图片?
第一种方法:将三张大图放在div里面,这三个div大小还有别的属性都一样,但是默认是隐藏的,display:none;隐藏 display:block;显示 然后点击一张图片,对应的大图div显示出来,点击第二张,第一个大图div隐藏,第二个大图div显示。第二种方法,只有一个大的div,里面放<img>标签,但是src也就是...

有放大图片的按钮,点击按钮时无限放大,应该怎么解决
图片放大可以用和这个方法,图片放大后不会失真 第一步,添加需要放大的图片 第二步,批量添加,如果多余可以删除 第三步,可以选择风格,降噪程度 第四步,选择放大倍数 第五步,自定义输出位置 第六步,设置完成后点击开始放大

如何用js实现点击图片切换另一图片,再次点击恢复?
方法如下 <html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8"> <title><\/title> <\/head> <body> <script> window.onload=function(){ var Imgbtn=document.getElementById('btn');var Img=document.getElementById('img');Imgbtn.onclick=function(){ if(...

如何用js实现点击图片切换另一图片,再次点击恢复?
<body> <script> window.onload=function(){ var Imgbtn=document.getElementById('btn');var Img=document.getElementById('img');Imgbtn.onclick=function(){ if(Img.src=='http:\/\/dl.bizhi.sogou.com\/images\/2012\/01\/19\/191337.png') { Img.src='http:\/\/pic3.nipic.com\/20090701\/28...

相似回答