Swipebox
2015-10-15 09:20
603 查看
下载地址:http://brutaldesign.github.io/swipebox/
附件:http://down.51cto.com/data/2366206
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>Demo</title> <link rel="stylesheet" href="css/swipebox.min.css"/> <script src="jslib/jquery-1.9.0.js"></script> <script src="jslib/jquery.swipebox.min.js"></script> <style type="text/css"> div{font-size:0; width:500px; height:500px; display:inline-block; } div img{ height:50%; width:50%; } </style> </head> <body> <div> <a rel="gallery-1" href="images/image-1.jpg" class="swipebox" title="image-1"> <img src="images/image-1.jpg" alt="image"> </a> <a rel="gallery-1" href="images/image-2.jpg" class="swipebox" title="image-2"> <img src="images/image-2.jpg" alt="image"> </a> <!-- Gallery 2 --> <a rel="gallery-1" href="images/image-3.jpg" class="swipebox" title="image-3"> <img src="images/image-3.jpg" alt="image"> </a> <a rel="gallery-1" href="images/image-4.jpg" class="swipebox" title="image-4"> <img src="images/image-4.jpg" alt="image"> </a> </div> <script type="text/javascript"> $('.swipebox' ).swipebox(); </script> </body> </html>
附件:http://down.51cto.com/data/2366206
相关文章推荐
- java-WEB中的监听器Lisener
- GUI - Web前端开发框架
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- MyEclipse Web Project转Eclipse Dynamic Web Project
- axis备忘
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Erlang实现的一个Web服务器代码实例
- 防止网页脚本病毒执行的方法-from web
- js可突破windows弹退效果代码
- Flash 与 html 的一些实用技巧
- 自学成才的秘密:115个 web Develop 资源
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- JSP脚本漏洞面面观