0

JS 小提琴（代码）

这更像是我为自己设置的学习数组的任务，但现在我想知道你们中的任何人是否能想到一种更好的清洁方法来完成这项任务。我只想要一个项目列表，当用户将鼠标悬停在某些链接上时会突出显示..

我想做的事

我有一个项目清单，每个项目我都可以从事 SEO、开发或设计。在页面上还有一个链接列表说：设计，开发和搜索引擎优化。当悬停在链接上时，我希望一些项目突出显示..（组合）。因此，我可能完成的一些项目可能会超过一项任务将突出显示多个链接.....

我目前是如何尝试这样做的

我认为我可以制作一个包含项目开关列表的二维数组。根据您悬停在哪个链接上拉出正确的数组，如果您看到 JSfiddle 链接，那就是我能做到的。

一个非常相似的例子

身份设计

感谢您的任何帮助或建议

我希望我清楚地解释了这一点，我知道我可以撕掉示例链接的代码，但我宁愿从中学习，然后只是剪切和粘贴.. - 看看其他人的想法并使用 jquery。

4

1 回答 1

1

您可以为每个项目使用 3 种不同的样式，比如说：“.design”、“.seo”、“.development”

$("#link1").hover(
  function ()
  {
    $(".design").each(function()
    {
        $(this).toggleClass("highlight");
    });
  },
  function ()
  {
    $(".design").each(function()
    {
        $(this).toggleClass("highlight");
    });
  }
);

说明：当鼠标悬停在链接 1 上时，会在使用 .design 类的元素上切换 .highlight 类（鼠标悬停时添加，鼠标移出时移除）。您可以对其他 2 类进行类似的操作。

于 2011-05-11T12:08:15.660 回答