---- 淘宝新人大礼包 ----另:可接前端私活,有意请联系qq:116151293或留言!

文章文档标题自动生成导航jQuery小插件titleNav.js

前端开发 蚂蚁 195℃ 0评论

http://www.zhangxinxu.com/wordpress/2018/04/jquery-plugin-document-article-title-nav-js/
JS使用如下:

$('h3').titleNav();

需要下面的CSS配合:

.title-nav-ul {
    width: 200px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    position: absolute;
    top: 200px; right: 10px;
}
.title-nav-li {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: inherit;
}
.title-nav-li.active {
    font-weight: bold;
}
.title-nav-li:hover {
    background-color: #f0f0f0;
}

提示:你可以先修改部分代码再运行。

转载请注明:有爱前端 » 文章文档标题自动生成导航jQuery小插件titleNav.js

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址