0

所以我是一名初级 c# 开发人员,目前我正在为自己编写一个新网站。我目前正在尝试这样做,以便我能够有一个类,一个名为“default”的锚标记,然后当你在锚上使用 mouseenter() 时,它将删除该类,然后添加“徘徊”。

然后当你 mouseleave() 时,“悬停”类被删除,“默认”类被再次附加。

然后我还会有一个 click() 调用来删除“默认”或“悬停”,然后附加“活动”类

我在如何布局我的 .js 文档时遇到了一些麻烦,这确实是一个非常愚蠢的问题......但我只是不确定如何编写一个 .js 文档,并拥有这些多个根据锚元素发生的情况调用不同的函数,所有这些都在一个文档中。

任何帮助表示赞赏,干杯,
-亚当

4

2 回答 2

1

可以使用任何 CSS 属性(例如颜色、字体系列、背景等)为链接设置样式。

链接的特殊之处在于它们可以根据它们所处的状态进行不同的样式设置。

四个链接状态是:

  • a:link - 一个正常的、未访问过的链接
  • a:visited - 用户访问过的链接
  • a:hover - 用户将鼠标悬停在链接上时的链接
  • a:active - 点击时的链接

因此,您可以将链接的样式设置为

a.default         {color:#336699;} 
a.default:link    {color:#FF0000;}      
a.default:visited {color:#00FF00;}  
a.default:hover   {color:#FF00FF;}  
a.default:active  {color:#0000FF;} 

在这里演示

参考:w3schools

于 2012-12-29T12:36:34.600 回答
0

要使用 jQuery 执行此操作:

$('a.default').hover(
    function(){
        $(this).toggleClass('default hover');
    },
    function(){
        $(this).toggleClass('default hover');
    });

JS 小提琴演示

或者你可以使用:

$('a.default').hover(
    function(){
        $(this).removeClass('default').addClass('hover');
    },
    function(){
        $(this).removeClass('hover').addClass('default');
    });

JS 小提琴演示

但是,老实说,CSS 也可以工作,而且要简单得多:

a.default:link,
a.default:visited {
    /* default styles */
}

a.default:hover,
a.default:active {
    /* hovered styles */
}

JS 小提琴演示

参考:

于 2012-12-29T11:31:40.380 回答