-1

任何建议将不胜感激，我相信这对你们中的一些网络向导来说很简单。非常感谢您的宝贵时间。

当用户将鼠标悬停在 .png 上时，我有一些 css 正在改变它的显示部分：

.small_icons ul li.companyButton .circle {background-position:0 0;}
.small_icons ul li.companyButton:hover .circle {background-position:0 -56px;}

然后，当用户单击图像时，我想将位置保持在 0 -56px，并在用户单击其他图像时切换回 0 0。这一切都发生在同一页面上，所以我想我必须使用 javascript onclick 函数。

我似乎无法弄清楚如何使用 javascript 访问特定的 css 元素。我试过了：

document.getElementByClass("circle").style.background-position:0 -56px;

但这并没有改变任何事情。是因为 .circle 是 .companyButton 的子类，它是 .small_icons 的子类吗？

非常感谢！

4

2 回答 2

3

你弄乱了类型

document.getElementsByClass("circle")是Nodelist（像数组这样的对象）。所以你应该遍历它，或者使用

 document.getElementsByClass("circle")[0].style.background-position="0 -56px";

循环通过你需要

var circles=document.getElementsByClass("circle")
for (var index=0;index<circles.length;index++) {
  circles[index].style.background-position="0 -56px";
}

更多关于 dinamyc 造型的信息

于 2012-12-12T06:49:17.273 回答
0

你需要做

document.getElementsByClassName("circle")[0].style.backgroundPosition:0 -56px;

在此处阅读有关它的更多信息

于 2012-12-12T06:49:05.537 回答