当前位置:JS特效 » 菜单导航 » jquery侧边栏插件sideToggle
 jquery侧边栏插件sideToggle
如果您觉得内容不错,请分享:
标签: 侧边栏菜单

插件介绍

sideToggle是一款简单的jquery侧边栏插件。它可以通过velocity.js来替代jQuery的animate()动画,提供动画效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:57
简要教程

sideToggle是一款简单的jquery侧边栏插件。它可以通过velocity.js来替代jQuery的animate()动画,提供动画效果。

使用方法

在页面中引入jquery和velocity.min.js,以及sideToggleExtended.js文件。





                
HTML结构

该jquery侧边栏插件的HTML结构如下:




heading

初始化插件

在页面DOM元素加载完毕之后,通过sideToggle()方法来初始化该插件。

$(document).ready(function(){
  $('switch').sideToggle({
    moving: 'null',
    direction: 'null'
  });
});          
                

配置参数

该jquery侧边栏插件的可用配置参数有:

参数 描述
switch 指定点击哪个元素时会触发侧边栏按钮。
moving 指定侧边栏元素。
direction 侧边栏出现的方向。可选值有leftright

该jquery侧边栏插件的github地址为:https://github.com/hjools/sideToggle

Top