我有一个很大程度上基于javascript的网站,但我仍然希望它可以通过CSS轻松地进行修改.
以这个示例为例…有一个div,它在通过jQuery悬停时已对其不透明度进行了修改,但是我希望设计人员能够选择不透明度的值.
我在考虑在CSS中创建一个块只是为了声明此常量,例如:
.constants_someid{
opacity: 0.5;
}
然后通过jQuery我采取这种不透明
var opacity = jQuery('css:constants_someid').attr('opacity');
我不知道这是进行这些常量声明的好方法,但这就是现在想到的.
你们怎么想?
谢谢,
乔
解决方法:
而是在Javascript文件中定义它们:
var settings = {
opacity: 0.5
};
对于设计人员来说,这种语法应该足够容易.然后,您可以将其用作settings.opacity.
然后,您可以使用$.extend
将设计者定义的设置与默认设置合并:
var defaults = {
opacity: 0.9,
speed: 500
}
settings = $.extend({}, defaults, settings);
// returns { opacity: 0.5, speed: 500 }