1首先你要先准备好smalljpgbigjpg小图和大图2然后加载jquery文件3开始写效果代码效果代码如下html代码 图片实际尺寸大小lt！ 弹出层 X；margin0padding0 lifloatleftliststyletextalignleftdisplayinlineoverflowhidden 4图片问题页面图片多，最好使用小图缩略图大图影响显示慢，影响用户体验5程序也好，htmlcss。

thisclickfunction当点击发生时 下面五行的作用是，当单击事件发生时，默认将所有小写1，2，3透明度变成60%#39span#39eachfunction #39#pica#39css#39opacity#39， #3906#39#39#picb#39css#39；1新建html文档2在head里插入链接和图片样式，表示鼠标经过时图片放大，代码如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示设置一个有链接的图片。

div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示了大图；showpicquotshowsrc=osrc 这是我写的一段简单的代码，也不知道是不是你想要的实现点击小图出现大图，至于详细信息，可以做一个div，用JavaScript获取一下，显示出来就可以了。

这个一般是用css来显示特定内容的譬如有张图片iconpng，里面有很多内容，便可以在css中这么用sa width20pxheight20pxoverflowhiddenbackgroundurliconpngnorepeat 20px 30px 注解宽度和高度是；我给你一个地址，菜鸟教程Javascript这儿有图片弹窗的实例。

只要将小图转换成按钮，再加代码onreleasemcgotoAndstop2 第一帧stop第二帧放置大图；第二种方法，只有一个大的div，里面放标签，但是src也就是路径是空的，然后当你点击第一个小图的时候，给这个img标签的src赋值，也就是第一个大图的路径，点击第二个，路径变更第三种，去网上找找这样的源代码，图片。

这个得些代码图片自行走动，需要marquee标签，鼠标放到图片上面不点击图片停止走动，鼠标的mouseover事件 点击则显示大图鼠标的mousedown事件；js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片。

代码有bug，修改后如下需要注意，拷贝下面这段代码，保存为 html后缀名的文件需要自己在相同的目录下，放置两张图片，小图片jpg 大图片jpg 效果如下图当鼠标悬停在小图片上面的时候，会显示大图片鼠标移出；function swapIC2n document#39ICImage2#39src=arICImages2n === 这是页面里主要的代码，用了数组 var arICImages2 = new Array6arICImages20=quot php。

把15张大图剪辑分别放在第一到15帧，并分别命名实例名为xmc1，xmc2xmc15每帧都是关键帧 在另外一层中放入15个小图的剪辑并分别命名实例名dmc1，dmc2，dmc15，加长到15帧 在第一帧中加入代码stopdmc1onRele；height=82 border=0 alt=点击此图放大quot% #39不取资料库中的资料，设定图片及图片存放的路径分别为girlgif 及images。

1电脑打开Excel表格，然后点击插入图片2选中插入的小图片，点击鼠标右键，然后选择超链接3点击超链接后，在原文件或网页中选择要打开的大图，然后点击确定4给小图片插入超链接后，点击小图片5点击小图片后。