文章关键字 ‘className’

基于active,checked等状态类名的web前端交互开发

2016年10月30日,星期日

常见的交互效果我们要不JS直接控制样式,要么添加一个具有我们希望样式的类名,但是,这两种实现都有不足之处,就是样式和行为耦合,对于日后的维护带来了隐患,怎么办呢?可以试试本文的基于active,checked等状态类名的web前端交互开发,说不定会为你打开另外一扇窗……

阅读全文…

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,以及对应的代码,希望能对您有所帮助。

阅读全文…