CSS教程:新的图像替换方法

这段js有一点小问题，在示例页中切换功能并不生效，我重新修改了一下，代码如下：

function hasClass(ele,cls) {
return ele.className.match(new RegExp(''(\\s|^)''+cls+''(\\s|$)''));
}
function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp(''(\\s|^)''+cls+''(\\s|$)'');
ele.className=ele.className.replace(reg,'' '');
}
}
document.enableStateScope = function(scope, on) {
var de = document.documentElement;
On ?  addClass(de,scope) : removeClass(de,scope);  
};

上面的hasClass、addClass、removeClass方法借用的是《Pro JavaScript Techniques》提供的方法。如果你使用过jquery，方法将更简单。

“状态域”可以通过下面的方法来切换：

if (condition == true) {
document.enableStateScope("myScope", true);
}

如果“状态域”为“on”，状态域的名字将附加到规则的选择器之前，下面这条规则在条件为真时会将锚点的颜色变成blue。

a { color: red; }
.myScope a { color: blue; }

正如你所预想的那样，状态域图像替代技术是通过检查图像是否被禁用而工作的。如果未被禁用，将激活“image-on”状态域，这很直接了当。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!