高光链接将鼠标悬停在相应的图像上

问题描述

| 在项目上工作需要对主页产生特定影响。当用户将鼠标悬停在导航中的链接上时，该链接以及页面上的相应缩略图将突出显示。每个链接/缩略图都有类，我们现在设置的方式是悬停时我们搜索具有相同类的元素。只是想知道是否有更好的方法可以做到这一点。谢谢。 （页面的布局在左侧有一个链接，“ \ main”容器中的拇指位于该页面的其余部分）

$(\'#homeCatNav li a,#homeThumbsUlHolder li img\').hover(function(e){
    var $thisA = $(this),$thisClass = $(this).attr(\"class\");

    if (e.type.toLowerCase() === \'mouseenter\') {
        $(\'li.imgToHighlight\').find(\'img\'+\'.\'+$thisClass).addClass(\'hoverElem\');
        $(\'li.homeArtNameList\').find(\'a\'+\'.\'+$thisClass).addClass(\'hoverElem\');             
    }
    if (e.type.toLowerCase() === \'mouseleave\') {
        $(\'li.imgToHighlight\').find(\'img\').removeClass(\'hoverElem\');
        $(\'li.homeArtNameList\').find(\'a\').removeClass(\'hoverElem\');
    }
});

    

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）