www.6766.combootstrap侧边栏圆点导航_javascript技巧_脚本之家

当点击圆点时,该圆点加多类.select,移除类.default;就是说移除粉紫灰,增加铁锈棕。并且在那刻,让他的父节点也正是

$.click.addClass.siblings.removeClass; console.log($; $.removeClass.siblings.addClass 

如图,随页面向下滑动,到钦定页面后圆点形成煤黑,也得以通过点击圆点跳转到有些地方。

select和default决定小圆点的颜色。

.side-nav{ position: fixed; top: 45%; right: 20px; z-index: 1; } .side-nav ul{ text-align: center; list-style: none; margin: 0; padding-left: 0; } .side-nav ul li{ display: block; line-height: 1.45em; margin: 0; padding: 8px 0; } .side-nav ul li a{ display: block; width: 10px; height: 10px; border-radius: 50%; } .default{ background-color: #85939b; } .select{ background-color: white; } 

那是导航的体制,使其生成在页面左侧。在此种情景下,已经能够点击圆点跳转到有些页面,只是圆点的颜色还尚无设定好。

标签的男生节点的子节点移除金红,加多孔雀蓝。

${ var two = $.top; var three = $.offset().top; var four = $.top; var five = $.top; $.scroll { var this_scrollTop = $; if(this_scrollTop>two&& this_scrollTopthree&& this_scrollTopfour&& this_scrollTop这是屏幕滑动时的小圆点样式的代码。${ var two = $.top; $.scroll { var this_scrollTop = $; if(this_scrollTop>two&& this_scrollTop如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:Bootstrap学习教程Bootstrap实战教程Bootstrap Table使用教程Bootstrap插件使用教程以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图