jQuery的:
$('.resume-header').hover(
function() {
$('resume-header img').css('display', 'none');
$('resume-header img').attr('src', 'media/resume-icon-download.png');
$('resume-header img').fadeIn(400);
},
function() {
$('resume-header img').css('display', 'none');
$('resume-header img').attr('src', 'media/resume-icon.png');
$('resume-header img').fadeIn(400);
}
);
注意,我所有的其他jQuery都在工作。
这是与之对应的HTML:
<div class="header">
<div class="me-header">
<a href="#"><img src="media/me-icon.png" alt="Picture of Christian Selig"><br> <span class="center-text">Contact Me</span></a>
</div>
<div class="resume-header">
<a href="resume.pdf"><img src="media/resume-icon.png" alt="Resume icon" title="Click to download resume (PDF)"><br> <span class="center-text">Resume (PDF)</span></a>
</div>
</div>
答案 0 :(得分:3)
这是一个有效的选择器吗?
$('resume-header img')
你错过了一个点吗?
$('.resume-header img')
答案 1 :(得分:1)
您忘记了班级选择器的点
更改
$('resume-header img').css('display', 'none');
到的
$('.resume-header img').css('display', 'none');