使用 jQuery 创建粘性可悬停侧边栏导航

    轻量级简单易用的 jQuery 侧边栏导航按钮插件,可用作创建具有超酷悬停滑动效果的粘性可悬停侧边导航,其中位置、外观颜色、背景颜色、边距、字体、行高、鼠标悬停样式等属性支持完全的自定义,高级自定义选项如下代码所示。

var settings = $.extend({
  position: "fixed",
  color: "white",
  backgroundColor: "#abc",
  padding: "15px",
  font:"400 15px Lato, sans-serif",
  lineHeight: "1.8",
  left: "",
  right: "-50px",
  width: "150px",
  borderRadius: "5px",
  top: "60px",
  zIndex: 99,
  opacity: "",
  cursor: "pointer"
}, options );

模板目录结构如下: