js抖动放大的照片墙效果

js照片墙代码，载入时，小缩略图会很有弹性的展开，并且呈矩形排列，并且带有投影。鼠标滑过缩略图，缩略图会跟随鼠标一定的距离，然后就会弹回去。点击缩略图，就会放大图片，并且放大的图片呈现半透明效果，并且也会跟随鼠标。鼠标滑过图片的时候，下面也会弹性的弹出图片的标题。
1、在head引入下面的js和css：

<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/imageshow.js"></script>

2、在body放入下面的代码：

<div id="diapoContainer">
    <img class="imgsrc" alt="这里是图片的标题" src="images/pic01.jpg" />
    <img class="imgsrc" alt="例如：我爱模板网" src="images/pic02.jpg" />
    <div id="bkgcaption"></div>
    <div id="caption"></div>
</div>

img必须带class="imgsrc"，alt就是图片的标题。


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！