如果你也是一个正在学习javascript而且没有编程基础的同学，我相信只靠看书或者理论知识只会把你搞晕。一些没有接触过的概念和对javascript比较模糊的认识，会使得你很快把看过的内容忘掉。而时常动手做出些东西来，不仅会保持你对javascriptr的兴趣，也会使你加深对javascript的认识和理解，增加你的成就感。

所以我觉得在我学习javascript的过程中，很有必要经常做一些常见的效果出来，当然必须是原生javascript。在这篇文章中我就和大家分享这些我学到的、简单的原生js效果。以下实例部分会有些许bug，也没有封装，并不适用于实战中，但它们简单易懂难度小，在学习js初期可通过这些实例加强对某些知识点的掌握。

1.原生javascript效果：展开/收缩菜单

2.原生javascript效果：选项卡切换

3.原生javascript效果：简单拖拽

4.原生javascript效果：无缝滚动

5.原生javascript效果：焦点图

6.原生javascript效果：延时导航条

7.原生javascript效果：网页换肤(cookie版)

更多相关：jquery特效、javascript特效、原生javascript、javascript笔记