touchTouch响应式支持移动端相册展示效果

 查看演示  website  立即下载

更新时间：2020-03-21 23:37:06

更新说明：更新新版谷歌浏览器必须要在执行事件处理函数之后，没有掉用过 preventDefault() 报错问题

更新时间：2017-8-12 10:32:41

更新说明：原来console.log()会影响页面渲染，console在8+才开始引入，所以在低版本浏览器是没办法获取到其对象，在开发时没有将其去掉，导致低版本浏览器不能使用，此次更新其问题。

使用方法

引入相关文件：

<link rel="stylesheet" type="text/css" href="css/touchTouch.css">
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/touchTouch.jquery.js"></script>

单个列表：

<div class="exc1">
      <a href="images/imgb1.jpg"><img src="images/imgb1.jpg"></a>
      <a href="images/imgb2.jpg"><img src="images/imgb2.jpg"></a>
      <a href="images/imgb3.jpg"><img src="images/imgb3.jpg"></a>
</div>

多个列表图片展示：

<div class="exc2">
     <div class="list">
       <ul>
           <li><a href="images/imgb1.jpg"><img src="images/imgb1.jpg"></a></li>
           <li><a href="images/imgb2.jpg"><img src="images/imgb2.jpg"></a></li>
           <li><a href="images/imgb3.jpg"><img src="images/imgb3.jpg"></a></li>
           <li><a href="images/imgb4.jpg"><img src="images/imgb4.jpg"></a></li>
       </ul>
     </div>
     <div class="list">
       <ul>
           <li><a href="images/imgb1.jpg"><img src="images/imgb1.jpg"></a></li>
           <li><a href="images/imgb2.jpg"><img src="images/imgb2.jpg"></a></li>
           <li><a href="images/imgb3.jpg"><img src="images/imgb3.jpg"></a></li>
           <li><a href="images/imgb4.jpg"><img src="images/imgb4.jpg"></a></li>
       </ul>
     </div>
    </div>

PREVIOUS:
NEXT:
图片获取焦点时动态显示（隐藏）文字
jQuery通讯录树形节点