jQuery支持鼠标滚动的垂直滚动手风琴

vaccordion.js是一款支持鼠标移动的垂直滚动手风琴插件,本文演示了它5种不同的手风琴菜单效果。

手风琴图片列表和上一张、下一张按钮html代码

<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="http://www.sucaihuo.com/js/522.html" target="_blank">jquery文字上下滚动</a> </li>  
                    <li><a href="http://www.sucaihuo.com/js/523.html" target="_blank">jQuery省市区三级联动</a> </li>  
                    <li><a href="http://www.sucaihuo.com/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="http://www.sucaihuo.com/js/117.html" target="_blank">jQuery+PHP数字统计动态展示效果</a> </li>  
                    <li><a href="http://www.sucaihuo.com/js/118.html" target="_blank">PHP+jQuery翻牌抽奖</a> </li>  
                    <li><a href="http://www.sucaihuo.com/js/119.html" target="_blank">datetimepicker日期时间插件</a> </li>  
                </ul>  
            </div>  
        </div>  
    </div>  
</div>

引入easing动画插件、mousewheel鼠标滚动插件和手风琴插件vaccordion.js

<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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录