<div id="va-accordion" class="va-container">
<div class="va-nav">
<span class="va-nav-prev">Previous</span>
<span class="va-nav-next">Next</span>
</div>
<div class="va-wrapper">
<div class="va-slice va-slice-1">
<h3 class="va-title">Marketing</h3>
<div class="va-content">
<p>Henry Watson</p>
<ul>
<li><a href="https://jy.tp.yuanmeng.life/js/522.html" target="_blank">jquery文字上下滚动</a> </li>
<li><a href="https://jy.tp.yuanmeng.life/js/523.html" target="_blank">jQuery省市区三级联动</a> </li>
<li><a href="https://jy.tp.yuanmeng.life/js/524.html" target="_blank">Thinkphp各大支付平台在线支付</a> </li>
</ul>
</div>
</div>
<div class="va-slice va-slice-2">
<h3 class="va-title">Management</h3>
<div class="va-content">
<p>Keith Johnson</p>
<ul>
<li><a href="https://jy.tp.yuanmeng.life/js/117.html" target="_blank">jQuery+PHP数字统计动态展示效果</a> </li>
<li><a href="https://jy.tp.yuanmeng.life/js/118.html" target="_blank">PHP+jQuery翻牌抽奖</a> </li>
<li><a href="https://jy.tp.yuanmeng.life/js/119.html" target="_blank">datetimepicker日期时间插件</a> </li>
</ul>
</div>
</div>
</div>
</div> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.vaccordion.js"></script> $('#va-accordion').vaccordion(); $('#va-accordion').vaccordion({
expandedHeight: 450,
animSpeed: 500,
animEasing: 'easeInOutBack',
animOpacity: 0.4
}); | 参数 | 描述 | 默认值 |
| accordionW | 宽度 | 1000 |
| accordionH | 450 | 450 |
| visibleSlices | 可见个数 | 3 |
| expandedHeight | 展开高度 | 350 |
| animSpeed | 动画速度 | 250 |
| animEasing | 动画效果 | jswing |
| animOpacity | 动画透明度 | 0.2 |
| contentAnimSpeed | 动画消失速度 | 900 |
| savePositions | 保存现有状态 | true |
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
