这几日学习html，一直在B站乱逛，发现网站的动效做的真好。然后翻到了这一页： 点此查看 上面的导航栏是一个下划线跟随的效果。由于有一个初始的选项（当前页面对应标签保持蓝色），鼠标划过时除了高亮项下面的下划线也要跟随。如果只实现前面这些效果可以用css完成，但是其实这里面的下划线是一个动画 ...

效果图： 实现方式即是从vue的data中拿到数据后进行循环 大致流程图 HTML部分 html部分重点就是 @click.stop="secondary_menu_to(mc.m_c_route)" 点击事件并增加阻止事件冒泡 ...

这俩天闲来没事淘宝逛了一圈看到淘宝的左侧导航菜单做的是真心的棒啊，一时兴起，查了点资料抓了几个图片仿淘宝写了个css，时间紧写的不太好，大神勿喷，给小白做个参考 废话不多说先来个效果图 接下来直接上代码，图片没法传，只能直接放代码下边，辛苦点一张一张扣去吧😝 HTML部分 ...

...

　　通过观察了百度的首页，对于更多产品一栏，觉得可以不涉及JS便可写出下拉导航栏的效果 　　1.先设计出大体的框架 　　 <div class="nav"> <ul> <li><a href="#">新闻</a>< ...

如图： 代码如下： css: html: 如有错误或者建议请留言~ ...

先看效果（两种，1：自己写样式，写交互，2.用jQueryUI 的menu），如下图 第一种： 第二种： 第一种样式： 然后就开始准备了，单村用js和css也可以写出来，不过既然有jquery我就偷个懒吧 1.去http://jquery.com/download ...

一、利用position的sticky属性 sticky页面不动的情况下，它就像 position:relative;而当页面滚动超出目标区域时，它表现的就像 position:fixed;，会固定 ...