例子: 在一个导航栏中,我有四个按钮,当与它们相关联的部分可见时,它们被赋予“selected”的类。因此,我可以为每个按钮编写CSS语句(或使用mixin让Sass为我处理)。
#home-butt.selected{
background-image: url(images/home-up.png);}
#about-butt.selected{
background-image: url(images/about-up.png);}
#work-butt.selected{
background-image: url(images/work-up.png);}
#contact-butt.selected{
background-image: url(images/contact-up.png);}
或者我可以用JavaScript编写一些代码来完成相同的操作。 (*我给图像添加了与图像名称匹配的title属性,以便从那里获取)。
title = $(this).attr('title');
$(this).find('img').css("background-image",
"url(" + 'images/' + (title) + '-up.png' + ")");
我的问题是哪个更好使用呢?使用Javascript只是因为它的代码行数较少吗?还是使用CSS以防JavaScript被禁用?或者这是一个具体情况下没有绝对正确答案的问题?
欢迎各种观点和反驳!