插件描述：jquery图片内容展开/收缩选项卡
使用方法
1,将jquery库和gridquote.js以及所取样式加入到您的页面。
1 2 3 4 | <!--必要样式--><link rel="stylesheet" href="css/jquery.gridquote.css"><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.gridquote.min.js"></script> |
2，html
1 2 3 4 5 6 7 8 9 10 11 12 | <div class="grid-container"> <div class="thumb-container" data-title="Optional Background Color" data-fontsize="27" data-bgcolor="green"> <img src="imgs/thumbnail1.png" alt="" class="grid-img"> <div class="quote-container"> <p> <span class="date-info">11 Jun, 2013</span> It's responsive, please try to resize your browser.again to close this panel.<br /> <span class="little-info">--- Link to my profile</span> </p> </div> </div></div> |
3,js
1 2 3 4 5 | <script type="text/javascript">$(document).ready(function($){ $('.grid-container').gridQuote();});</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery自定义工具提示插件DarkTooltip
- 下一个特效： jQuery通知栏插件jBar