[英]Making links active in Javascript
我有一些Javascript的问题。 事实上,我只是那种脚本语言的新手,所以我需要一些帮助。问:如何激活此链接:
<a href="#box1">something</a>
此链接只是链接到位于index.html文件中的div,因此没有页面加载。 这是div
<div id="box1" class="box">
<h3><a name="box1">something</a></h3>
</div>
由于你刚刚开始,我建议你使用像jQuery这样的库。 所以,如果您的HTML是这样的:
<div id="box1" class="box">
<h3><a name="box1">something</a></h3>
</div>
<div id="box2" class="box">
<h3><a name="box2">something</a></h3>
</div>
<div id="box3" class="box">
<h3><a name="box3">something</a></h3>
</div>
你有一个名为youarehere
的CSS类:
.youarehere { color:white; background:green; }
使用jQuery,您可以编写以下内容:
$(".box > a").click(function() { // when clicking any of these links
$(".box > a").removeClass("youarehere"); // remove highlight from all links
$(this).addClass("youarehere"); // add highlight to clicked link
})
在简单的JS中,实现这一点需要更多的努力。 帮自己一个忙,不要重新发明轮子 - 人们已经照顾好了这一点,所以用他们的劳动产品让你的生活更轻松。
a:active表示当您单击链接时,css属性将应用于链接,而不是使用:active use
a.visited{color:red;}
要更改鼠标上的链接文本颜色,请使用以下css:
<style type="text/css">
a:hover{color:Red;}
</style>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.