渐进增强的Web设计 —— 可折叠内容

在图书馆翻到了《渐进增强的Web设计》,书中基于jQuery构建了许多组件,在此一一记录。

有一些实现思路其实很简单,我也不会把代码粘过来,只是记录一下注意事项技巧神马的,对重要的代码简单标记。

 

可折叠内容,其实就是点击显示和隐藏某部分区域。

1、body字体设置: 

body {font-size: 62.5%;}

这样基准字体被设置成百分比的形式,所以任何指定的em都会简单的转换成px,1.5em相当于15px,2.2em相当于22px。

2、先编写一般性的css,然后编写用于特定元素的增强css。

3、对于jQuery,使用自定义事件,在适当的时候触发。

//绑定自定义事件
$(‘#id‘).bind(‘myevent‘, function() {
    ......
});

//合适的时候触发
$(‘#id‘).trigger(myevent‘);

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。