当前位置:嗨网首页>书籍在线阅读

35-解决方案2_修改负责设置与尺寸相关样式的样式表的href属性

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

6.9.4 解决方案2:修改负责设置与尺寸相关样式的样式表的href属性

假定在文档中有如下与尺寸相关的样式表:

<link rel="stylesheet" type="text/css" id="css_size" href="size-small.css" />

在这种情况下,可以定义如下 setSize 函数:

var setSize = function(size) {
   var $css = jQuery('#css_size');
   $css.attr('href', 'size-' + size + '.css');
};

注意,在这种情况下,从服务器请求新的CSS文件,可能导致在样式变化发生时有短暂的延时。因此,这可能是最不受欢迎的方法。