Question

DIV+CSS实现点击效果，或者要用js实现吗？

下拉列表，我要的效果是：当我点击write a new Blog这个页面的时候，那个箭头就指向它，并且变成粗体，白色，当我点击下面的，也出现这样的效果。

PS：上面的效果是我鼠标移动到上面的效果，也就是a：hover的效果，可以定义一个current的样式来实现，但是当我点击下一个页面，箭头还是指向原来的，他们是在同一个页面，如果不同的页面可以用这个方法来做，请高手指点下怎么写？





Answer 1

用jquery 来实现比较简单
$(document).ready(

$("#menu li").click(function() {
$(this).addClass("current");
}, function() {
$(this).removeClass("current");
});

});

追问

请问下载那个jquery包？

追答

随便的哪个版本都可以

追问

看代码，我没有明白你的意思。

追答

你这个current不要写在a上，写在li上
$(document).ready(

$("#main-nav li li").click(function() {
$(this).addClass("current");
}, function() {
$(this).removeClass("current");
});

});

追问

好像不行，说多了个）；

Answer 2

给a写个hover效果不就可以吗？白色的小箭头使用背景写，给a:hover写加粗，白色，试试行不呀？

追问

hover
是鼠标移动到上面的效果，我是要点击过后就要这种效果。