投稿 搜索

热门文章

当前位置: 站长天下 / 选项卡滑动门 / jQuery图标导航滑动切换选项卡特效代码
jQuery图标导航滑动切换选项卡特效代码
标签:

插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-05-14
    阅读:

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

简要教程

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

使用方法

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

<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样式

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