0

我正在创建一个允许基于精灵悬停的简单函数。我不想根据每种可能的汽车类型（紧凑型、敞篷车、suv 等）重复此代码。相反，我想要一个 if 语句来检查 ul 是否具有某个 ID，如果有，则将变量更改为所述汽车类型之一。这个变量将被放置在一个 img url 中。这是我到目前为止的javascript代码。

var img;
                        if (document.getElementById("car")) {
                            var img = "compact";
                        }
                        function rad_glowOn() {
                            document.getElementById("radiator").style.backgroundImage = "url(/af-demo/images/TW/"+img+"-carparts-glow.png)";
                            document.getElementById("healthAlert").style.display = "block";
                        }

这是它引用的 HTML。UL 的 ID 将根据汽车而变化。还没有设置。

<ul id="car">
                        <li id="carLinks">
                            <div id="healthAlert">
                                <p class="healthPopup-Header">Radiator</p>
                                <p>Radiator Leaking.  Lorem Ipsum</p>
                            </div>
                            <a href="#" id="radLink" onmouseover="javascript:rad_glowOn();" onmouseout="javascript:rad_glowOff();">                                 
                            </a>
                            <a href="#" id="engLink" onmouseover="javascript:eng_glowOn();" onmouseout="javascript:eng_glowOff();">
                            </a>
                            <a href="#" id="batLink" onmouseover="javascript:bat_glowOn();" onmouseout="javascript:bat_glowOff();">
                            </a>
                            <a href="#" id="frontWheel" onmouseover="javascript:mec_glowOn();" onmouseout="javascript:mec_glowOff();">
                            </a> 
                            <a href="#" id="backWheel" onmouseover="javascript:mec_glowOn();" onmouseout="javascript:mec_glowOff();">
                            </a>
                            <a href="#" id="passSeat" onmouseover="javascript:mec_glowOn();" onmouseout="javascript:mec_glowOff();">
                            </a>
                            <a href="#" id="driverSeat" onmouseover="javascript:mec_glowOn();" onmouseout="javascript:mec_glowOff();">
                            </a>
                        </li>
                        <li id="radiator">                                        
                        </li>
                        <li id="engine">                                        
                        </li>
                        <li id="battery">                                        
                        </li>
                        <li id="mechanical">    
                        </li>
                    </ul>

汽车类型不是实际的 ID 或类别。我有一个图像列表，变量是图像的第一部分，反映在：

style.backgroundImage = "url(/af-demo/images/TW/"+img+"-carparts-glow.png)";

现在我必须直接指定该图像标签：

.style.backgroundImage = "url('/af-demo/images/TW/compact-carparts.png')"

我的目标是有一个简单的 if 语句来检查 ul 的 ID 并为 img 变量分配一个值，该值将反映到上面。

4

1 回答 1

0 
function rad_glowOn() {
    var thing = this.id.split('Link')[0];
    ...
}
于 2013-02-26T19:28:49.370 回答