首页 > 特效插件 > 滚动轮播 >  js抖动放大的照片墙效果正文

js抖动放大的照片墙效果

特效介绍
js照片墙
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就是图片的标题。