菜单下面的小精灵

2016-03-21 Oliver Wang
nav
有些网站的导航下面会有一到杠，鼠标在各个导航之间移动的时候，这一道杠也会跟着动，很好看，就像这个 See the Pen ooo-nav by Oliver (@ochukai) on CodePen. 我把她叫做小精灵。 原理 实现这个其实不难，当鼠标移动到某一个菜单上面时，小精灵滑入（至于方向，如果鼠标从右边进入菜单，那就从右向左滑），然后当鼠标移出时，小精灵跟着也移出菜单， 同时如果鼠标恰好移进了另一个菜单，下一个菜单的进入动画也开始播放，连续起来的话就像是小精灵跟着过来了。 实现 菜单 菜单的话当然是用 ul 来实现了 html 我的 导航栏 非常 牛逼 小精灵 这个小精灵该怎么实现 继续阅读 »

Baseview in Backbone

2015-11-13 Oliver Wang
backbone base view js
前言 今天研究了好久的 Backbone，一直搞不明白，怎么通过 router 的改变来切换 view。 过程跌宕起伏 事情是这样的，都知道 backbone 有 model, collection, view, router 这些基本概念，今天我要写一个简单的网页，有两个 nav 项，因为用了 backbone，自然就想到了单页应用，就是单击其中某一个的时候，显示这一个 nav 项对应的内容。 这就用到了 router 的事件，每当 router 改变时，重新 render 整个页面。（我是这么想的，也不是整个，router 变了有些内容必然会跟着变。） js var appView = this; Backbone.h 继续阅读 »