插件描述：jquery图片内容展开/收缩选项卡
使用方法
1,将jquery库和gridquote.js以及所取样式加入到您的页面。
<!--必要样式--> <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
<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
<script type="text/javascript">
$(document).ready(function($){
$('.grid-container').gridQuote();
});
</script>
PREVIOUS:
NEXT:
相关插件-图片展示
讨论这个项目（8）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
橘子味汽水 0
2016/11/16 14:11:19
-
展开之后网页会自动往下滚，要怎么改
橘子味汽水0
2016/11/16 15:11:46
-
自己解决了~~
秘制酱料0
2017/1/30 17:33:42
在js里把autoScroll属性改成0
秘制酱料0
2017/1/30 17:37:41
额好像不对 怎么弄的？
mytxz0
2017/7/18 16:41:17
怎么弄的？
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
