Question

我很好奇如何将当前的锚点href元素设置为与其他元素不同的颜色。

所以基本上如果有一个带#home的href的元素，而当前的锚是＃home，那么它应该是红色的，其他的应该是白色的。

我更喜欢使用HTML，CSS，jQuery，JavaScript。

锚也必须滚动到正确的元素。

提前致谢， Blazzike。

Answer 1

我认为您正在寻找CSS img = img.astype(digits.images.dtype)选择器。

您可以在此处找到更多详细信息： http://www.w3schools.com/cssref/sel_target.asp

希望这就是你要找的东西。 ;）

Answer 2

你可以这样做

HTML

 <a href="#" id="anchor1" class="selected">Anchor 1</a>
 <a href="#" id="anchor2" class="noSelected">Anchor 2</a>

CSS

.selected {
  color:red;
  text-decoration:none;
}

.noSelected {
   color:blue;
  text-decoration:none;
}

jquery的

$(document).ready(function () {
                var selected = "anchor1";
        $("#anchor1").click(
            function () {
               if (selected == "anchor2"){
                    $("#anchor2").removeClass("selected");
                  $("#anchor1").removeClass("noSelected");
                  $("#anchor2").addClass("noSelected");
                  $("#anchor1").addClass("selected");
                  selected = "anchor1";
                }
            }            
        );

         $("#anchor2").click(
            function () {
               if (selected == "anchor1"){
                    $("#anchor1").removeClass("selected");
                  $("#anchor2").removeClass("noSelected");
                  $("#anchor1").addClass("noSelected");
                  $("#anchor2").addClass("selected");
                  selected = "anchor2";
                }
            }            
        );
    });

这是一个有效的fiddle

当前锚点有不同的颜色和滚动条？

2 个答案: