Div背景更改为12种不同的颜色

Div background change to 12 different colours

本文关键字:颜色 12种 背景 Div      更新时间:2023-09-26

我有这个代码来改变一个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';
        }
    }

if语句中有空格拼错。rgb()空格分隔符的语法必须与浏览器的语法

相同

用以下语句替换if语句:

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