jQuery图标导航滑动切换选项卡特效代码

jQuery图标导航滑动切换选项卡特效代码

这是一款jQuery全屏背景图片选项卡切换,制作大气的图标导航滑动控制对应的选项卡tab切换代码。

使用方法
在页面引入以下jquery-1.9.1.min.js、SuperSlide.js相关JS文件

1
2
3
4
5
6
7
8
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript">
    $(".solution-more-slide").slide({
        effect: 'fold'
    });
    //hover
</script>

CSS样式

1
2
<link href="css/base.css" rel="stylesheet" type="text/css"/>
<link href="css/home.css" rel="stylesheet" type="text/css"/>

文件信息:

    4

    发表评论