尝试连接图像的鼠标悬停以突出显示javascript文件中图像下方的文本链接

尝试连接图像的鼠标悬停以突出显示javascript文件中图像下方的文本链接,javascript,html,hover,mouseover,Javascript,Html,Hover,Mouseover,我被要求帮助修复一个旧网站上的一些东西,该网站是从Flash版本转换而来的,只是为了公文包的目的而存档。我已经完成了每一个部分,但这一个,因为我不是本地的javascript 该页面由两列组成。右边是各种各样的缩略图。单击缩略图时,左列预览窗格中会弹出一个预览图像,其下方显示艺术家的姓名,以及一个链接,用于单击以在另一页上获取有关该作品的更多信息 链接本身在悬停状态下变为白色。我们的目标是,当您同时翻滚所述预览图像时,将链接更改为白色悬停状态 现有的javascript是这样的: <pre

我被要求帮助修复一个旧网站上的一些东西,该网站是从Flash版本转换而来的,只是为了公文包的目的而存档。我已经完成了每一个部分,但这一个,因为我不是本地的javascript

该页面由两列组成。右边是各种各样的缩略图。单击缩略图时,左列预览窗格中会弹出一个预览图像,其下方显示艺术家的姓名,以及一个链接,用于单击以在另一页上获取有关该作品的更多信息

链接本身在悬停状态下变为白色。我们的目标是,当您同时翻滚所述预览图像时,将链接更改为白色悬停状态

现有的javascript是这样的:

<preview>
            <div id="previewPane">
                <a href="pages/posterArtist.html?id=neumeier1" class="previewLink"><img id="previewImg" src="assets/posters-2x/neu-war.png" width="280" /></a>
            </div>
            <div id="artistCredit">
                <p class="artistName"><span class="nameInner">MARTY NEUMEIER</span> | <a class="download" href="pages/posterArtist.html?id=neumeier1">DOWNLOAD</a></p>
            </div>
        </preview>
//------------------用拇指点击——填充正确的预览图像和艺术家信用/链接 $('img.thumbI')。单击(函数(){ //通过替换/重命名src交换图像 $('#previewImg').attr('src',$(this.attr('src')).replace('assets/posters thumbs/t-','assets/posters-2x/'); //生成详细的pgurl var detailURL='pages/posterArtist.html?id='+$(this.attr('id'); //更改预览图像链接 $('.previewLink').attr('href',detailURL); //使用img alt属性中的文本更改艺术家信用额度 $('.nameInner').html($(this.attr('alt')); //更改下载链接url //$('.dLink').attr('href',detailURL); $('.download').attr('href',detailURL)

}))

这里是预览窗格的HTML:

<preview>
            <div id="previewPane">
                <a href="pages/posterArtist.html?id=neumeier1" class="previewLink"><img id="previewImg" src="assets/posters-2x/neu-war.png" width="280" /></a>
            </div>
            <div id="artistCredit">
                <p class="artistName"><span class="nameInner">MARTY NEUMEIER</span> | <a class="download" href="pages/posterArtist.html?id=neumeier1">DOWNLOAD</a></p>
            </div>
        </preview>

MARTY NEUMEIER

我甚至不知道从哪里开始,如果你能给我指点,我会很感激的。非常感谢


您可以在许多功能中使用它,下面给出了其中之一

$(document).on('mouseover','#previewImg',function(){
  $('.download').addClass('white');
});
$(document).on('mouseleave','#previewImg',function(){
  $('.download').removeClass('white');
});

//style
 .white{
   color : #fff;
 }

谢谢你的帮助!但是,当我尝试此操作时,我得到一个解析错误:第二个(mouseleave)实例上出现意外的token$。哦,好吧,这是我的错,现在我已经更改了检查它,我忘记关闭函数});