Question

我有这段代码在将鼠标悬停在另一张图片上时更改div标签的背景颜色。但是，它只在两种背景颜色之间翻转一个div标签。我需要有12个图像只将一个div标签更改为12种不同的颜色（每个图像一种颜色，而不是在第一个悬停时切换为一种颜色，在第二种悬停时切换为另一种颜色）。我真的很新，所以任何帮助都会非常感激。

代码：

    function changeBackgroundColor(objDivID)
    {
        var backColor = new String();

        backColor = document.getElementById(objDivID).style.backgroundColor;

        // IE works with hex code of color e.g.: #eeeeee
        // Firefox works with rgb color code e.g.: rgb(238, 238, 238)
        // Thats why both types are used in If-condition below
        if(backColor.toLowerCase()=='#eeeeee' || backColor.toLowerCase()=='rgb(238, 238,     238)')
        {
            document.getElementById(objDivID).style.backgroundColor = '#c0c0c0';
        }
        else
        {
            document.getElementById(objDivID).style.backgroundColor = '#eeeeee';
        }
    }

Answer 1

if语句中有拼写错误的空格。 rgb（）空格分隔符语法必须与浏览器的语法

相同

用以下内容替换if语句：

if(backColor.toLowerCase()=='#eeeeee' || backColor.toLowerCase()=='rgb(238, 238, 238)')

Div背景改为12种不同颜色

1 个答案: