0

第一次披露：我在这个特定页面上运行了很多脚本。

我在页面加载时有一个文本 div，现在有一个特定链接切换到此文本，基于单击链接。加载页面时，我只希望链接是某种颜色。

到目前为止，这是我所拥有的文本...在页面加载中显示：

<script>
     window.onload=function showDiv() {
     document.getElementById('d1').style.display = "block";
      }
     </script>

现在我需要在页面加载时让我的链接具有特定的颜色，但是当单击另一个链接时，该颜色必须能够更改回其 CSS 默认值：

<a href="javascript:unhide('d1');" onClick="changeLinkColor(this)">Innovative Design Methodology</a>

就像我说的，我在此页面上运行了其他脚本，因此您可以在链接中看到。

只是为了好玩，这是我的其他代码（切换文本和突出显示代码）：

<script type="text/javascript">
var currentItem;
function unhide(divID) {
    if (currentItem) {
        currentItem.className = 'hidden';
        currentItem = null;
    }
    var item = document.getElementById(divID);
    if (item) {
        item.className = 'unhidden';
        currentItem = item;
    }
}
</script>

<script type="text/javascript">
        var currentLink = null;
        function changeLinkColor(link){
            if(currentLink!=null){
                currentLink.style.color = link.style.color; 
            }
            link.style.color = '#f5b331';
            currentLink = link;
        }
   </script>
4

1 回答 1

1

您最初可以在锚标记上添加一个 css 类（具有您的自定义样式），然后在单击任何链接时将其删除。

你的 HTML

<a id="link1" class='CustomColor'></a>

还有你的 CSS

.CustomColor
{
    color:red;
}

点击任何链接，

document.getElementById("link1").className =
document.getElementById("link1").className.replace('CustomColor','');
于 2013-03-29T16:30:10.400 回答