我想让我的默认链接在进入网站时显示为活动状态。CSS可以做到这一点吗?我已经为我的链接使用了 CSS。Jquery 会好吗(jquery 的新手)?
更新:
我的代码中有些东西不起作用,有人可以在这个链接上接受并告诉我我做错了什么吗?http://jsfiddle.net/2VnXD/7/
我想让我的默认链接在进入网站时显示为活动状态。CSS可以做到这一点吗?我已经为我的链接使用了 CSS。Jquery 会好吗(jquery 的新手)?
更新:
我的代码中有些东西不起作用,有人可以在这个链接上接受并告诉我我做错了什么吗?http://jsfiddle.net/2VnXD/7/
创建一个active
css 类并提供该类的默认链接:
HTML:
<a href="#">test 1</a>
<a href="#" class="active">test 2</a>
<a href="#">test 3</a>
CSS:
.active{
border: 1px dashed blue;
background-color: #eee;
}
a{
padding: 5px;
}
a:hover{ /*Simple Hover effect*/
border: 1px solid red;
color: green;
}
另外,既然您说您对 jQuery 还很陌生,这里有一个处理链接之间切换的简单示例:
$("a").on("click", function(){
$(".active").removeClass("active");
$(this).addClass("active");
});
//css
.link{font-size:18px; color:black;}
.defaultLink{font-size:24px; color:blue;}
//你的链接
<a class="link" href="#">link 1</a>
<a class="link" href="#">link 2</a>
<a class="link" href="#">link 3</a>
<a class="defaultLink" href="#">link 4</a>