2015年11月_BunnyMelody

11月 09月 08月 07月 05月 04月 03月

原创 jQuery实现侧边导航手风琴效果

侧导航的手风琴效果是指，点击含子层导航的父导航时，使原本隐藏的子导航显示，再次点击，子层导航又恢复隐藏，同时，同一时间只有一个父导航的子导航能够显示 $("#sidenav > li").find('.sub-nav').hide(); var ico = '<i style="float:right;font-size:12px;" class="glyphicon glyphic

2015-11-18 19:27:07 2045

现在有这样一个需求，对于左侧的导航，当我点击导航的最上方时，原本显示的导航隐藏，再次点击后，隐藏的导航显示，以此反复，同时，在导航隐藏的状态下悬浮在导航的内容上时，导航也显示，当前状态下鼠标不悬浮在导航上时，导航恢复隐藏，其实是一个很简单的效果，但只有这样清楚的表达出来才能更好的实现，在这里用jQuery实现，给代码中出现的元素做简单说明，.sidebar-header指的是导航头，#left-si

2015-11-18 19:20:46 981

原创 bootstrap 三级导航

三级导航的实现方式有很多，javascript+css就能实现，很多人也写过相应的插件来专门实现这个效果，对于bootstrap来说，三级导航实现起来就很容易了，用bootstrap实现三级导航的另外一个优点是你可以简单修改样式自定义效果，如何做到呢？首先看一个简单的三级导航<nav class="navbar navbar-default navbar-fixed-top" role="nav

2015-11-18 19:01:08 23138 1

原创 CSS3 box-shadow

工作需要需要一个box-shadow效果，需要内阴影，且div的四周都要有阴影，对于CSS的box-shadow效果，有人说外阴影可以理解为从盒子的上方照下去投出的阴影，而内阴影则是从侧面照过去投出的阴影，这样想的话，就不难理解为什么设置内阴影的时候出现的效果一般都是left和bottom，或者top和right，在网上找的效果无外是这几种：如何做一个四周都有内阴影的效果呢？可以借鉴这种做法：.

2015-11-18 18:41:37 825