常见的交互效果我们要不JS直接控制样式，要么添加一个具有我们希望样式的类名，但是，这两种实现都有不足之处，就是样式和行为耦合，对于日后的维护带来了隐患，怎么办呢？可以试试本文的基于active,checked等状态类名的web前端交互开发，说不定会为你打开另外一扇窗……
文章关键字 ‘className’
基于active,checked等状态类名的web前端交互开发
2016年10月30日，星期日HTML5 DOM元素类名相关操作API classList简介
2013年07月15日，星期一如果我们把元素的类名操作比作“切水果”游戏的话，其中一个单独的类名就好比“水果”或“炸弹”！
DOM Level 2时代，类名的获取与设置，多半使用className属性，className的生效近似切水果的“一刀切”。在web的初期，交互什么的其实很简单的来；就像切水果刚开始的时候，一次就一个水果飞上来，一刀“咔嚓”切了就好，就像使用className赋个类名值，就算偶尔冒出2个水果，className也可以一刀切搞定的。
但是，随着web的发展，交互的逐渐复杂……
CSS+JavaScript实现页面不同布局的切换
2010年03月25日，星期四我们平时使用windows操作系统，应该见过文件才查看功能，我们可以选择“平铺”、“图标”、“列表”、“详细信息”等，这是一个不错的功能，可以让用户自定义一些自己喜欢的偏好的显示方式，我们再web页面上，同样可以做。这可能说是一种提高用户体验的方法。
本文就将展示如何在web页面上轻松的实现布局的切换，查看方式的转换。提供详尽的插图，提供详尽的demo，以及对应的代码，希望能对您有所帮助。
我的应用
我的应用