js点击小图显示大图，发展幼儿思维

有哪位高手可以用css+javascript实现点击小图时全屏显示大图,而且可以...

这只是图片放大，你说的左右移动的那种，要俩个按钮，然后换放大图片的对象就行。

img标签的那个height和width要和onMouseOut的那个一样，当然你也可以按个人喜好设。

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

您好！css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {width： 72px；height： 72px；background： url(smallpng) no-repeat；overflow： hidden；} 浏览器运行index.html页面，此时成功将矩形图片只显示了正方形部分。

这时候HyperSnap-DX的连同光标抓取图像功能就有了它的用武之地，只要我们选择“捕捉”→“捕捉设置”命令，在打开的“捕捉设置”窗口中，选中“包括光标指针”选项，按“确定”按钮退出，以后抓取后的图像上就会有可爱逼真的小光标图像了。

相关问答

Q1: 点击小图看大图的js,如何点击大图,能新窗口打开原始大图

1、遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

2、getElementsByTagName(img)；for(var i=0；iingList.length；i++){ ingList[i].onclick=function(){ this.style.position=fixed；this.style.width=800px；this.style.top=200px；} } 这只是图片放大，你说的左右移动的那种，要俩个按钮，然后换放大图片的对象就行。

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

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

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

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

其实弹出层的思路还是比较简单的：一般是这个层是隐藏的(display：none)，然后点击你说的图片(或者任何的页面元素)，这个层就会显示（一般display：inline-block/block），同时设置一个灰色的背景看起来这个层是浮于下面的层之上的。

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

很明显， 你OpenImg(images/h-imgs/bg.jpg)，这个方法的参数你没加引号，应该传入一个字串才对，你目前的写法，在js里会认为你传入的是个变量。

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

Q3: 点击缩略图弹出大图效果js

1、js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片。

2、最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

3、JS实现鼠标移动到缩略图显示大图的图片放大效果？可以用js事件“onmouseover”和“onmouseout”来实现。

4、所谓的缩略图其实就是设置了一个长宽小点的去存放这张图片，在的点击事件中再去更改它的长宽达到放大效果，当然这样可能会打乱页面布局，所以你可以做成像QQ空间那样，点击图片后利用遮罩层显示放大的图片。

5、这个是需要用javascript编程的。可以去找jquery的相关代码，拷贝到网页代码中使用。

关于js点击小图显示大图和发展幼儿思维的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。