距开课0天0时0分-10744418秒
巴扎黑2017-04-10 14:26:05 0 1 134
[JavaScript讨论组]举报回复话题 ↕
如这个效果http://projects.wsj.com/alibaba/?lang=cn
1
0
分享
巴扎黑 2017-04-10 14:28:051楼
苏生兄，你可以看下页面的 html 源码，有如下特点：
html
也就是说导航栏的4个子栏目的内容从上至下依次排版在页面中，所以这很容易实现，例如将导航栏的切换效果绑定到鼠标事件上，当鼠标移动至 id 为 chapter2 的 p 上时，导航进行切换，其他的效果同理。
id
chapter2
p
赞 +0添加回复
巴扎黑 2017-04-10 14:28:051楼
苏生兄，你可以看下页面的
html源码，有如下特点：也就是说导航栏的4个子栏目的内容从上至下依次排版在页面中，所以这很容易实现，例如将导航栏的切换效果绑定到鼠标事件上，当鼠标移动至
id为chapter2的p上时，导航进行切换，其他的效果同理。 赞 +0添加回复