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