84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如这个效果http://projects.wsj.com/alibaba/?lang=cn
苏生兄，你可以看下页面的 html 源码，有如下特点：
html
也就是说导航栏的4个子栏目的内容从上至下依次排版在页面中，所以这很容易实现，例如将导航栏的切换效果绑定到鼠标事件上，当鼠标移动至 id 为 chapter2 的 p 上时，导航进行切换，其他的效果同理。
id
chapter2
p
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
苏生兄，你可以看下页面的
html源码，有如下特点：也就是说导航栏的4个子栏目的内容从上至下依次排版在页面中，所以这很容易实现，例如将导航栏的切换效果绑定到鼠标事件上，当鼠标移动至
id为chapter2的p上时，导航进行切换，其他的效果同理。