js入门:简单原生javascript特效合辑

如果你也是一个正在学习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特效原生javascriptjavascript笔记