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