Javascript 如何将java脚本变量放入css

我在下拉菜单系统中使用它。鼠标悬停在链接上时，父div的图像被切换，鼠标悬停时，它还原图像。我在html中使用的这个变量。有没有一种方法可以将这个变量放在css表中，并通过id或类调用它

在

标记中，您可以看到mouseover和mouseout，我想给出一个类ot id来调用这个变量

这是我的html

<div onmouseover="changeImage(fashionSrc)" onmouseout="changeImage(fashionSrc1)">
    <h3>Casuals</h3>
</div>
<ul>
    <li onmouseover="changeImage(fashionSrc2)" onmouseout="changeImage(fashionSrc1)"><a href="#">Menu 1</a></li>
    <li onmouseover="changeImage(fashionSrc3)" onmouseout="changeImage(fashionSrc1)"><a href="#">Menu 2</a></li>
    <li onmouseover="changeImage(fashionSrc4)" onmouseout="changeImage(fashionSrc1)"><a href="#">Menu 3</a></li>
    <li onmouseover="changeImage(fashionSrc5)" onmouseout="changeImage(fashionSrc1)"><a href="#">Menu 4</a></li>
    <li onmouseover="changeImage(fashionSrc6)" onmouseout="changeImage(fashionSrc1)"><a href="#">Menu 5</a></li>
    <li onmouseover="changeImage(fashionSrc7)" onmouseout="changeImage(fashionSrc1)"><a href="#">Menu 6</a></li>
</ul>

随意的

有没有办法把这个变量放在我的css表中并调用 通过id或类

不客气。您可以做的是修改元素的类并在CSS中定义它们。无论如何，在这种情况下，您应该使用JS技巧，而不是JS技巧

onMouseOver = "this.src="../your_path/image1.png"; //or anything else
onMouseOut = "this.src="../your_path/image2.png"; //or anything else

---

考虑非结构化的javascript，

下面是创建带有下拉菜单的菜单的简单方法。试试这个

像这样的HTML

<div class="drop-down">
  <h2></h2>
  <ul>
    <li>Menu 1</li>
    ...
  </ul>
</div>

.drop-down {
  position:relative;
  height:40px;
}

.drop-down h2 {
  ... //Some style for heading
}

.drop-down ul{
  display:none;
  position:absolute;
  top:40px; // Equal to drop-down height;
  left:0;
}

//Display the submenu, when hover
.drop-down:hover ul {
  display:block;
}

---

你必须更清楚地知道你想要做什么，因为我们根本无法理解你在这里要求什么。