나는이 전문가가 아니므로 매우 기본적인 것이지만 답을 찾지 못했습니다.사이트의 기본 이미지로 되돌아가는 다른 위치에서 onmouseover로 이미지를 변경하는 방법은 무엇입니까?
페이지의 왼쪽에 범주가있는 탐색 섹션이 필요합니다. 각 카테고리는 서로 다른 사이트이며, 각 사이트마다 고유 한 이미지가 있습니다. 예. category1.htm에는 defaultpic1.jpg가 있고 범주 2.htm에는 defaultpic2.jpg가 있습니다.
nav 섹션의 category2 링크를 클릭하면 현재 사이트의 기본 이미지를 기본 이미지로 변경하기를 원합니다. category2, 그리고 onmouseout으로 되돌립니다. 기본으로 돌아가고 싶습니다.
또한 이미지의 크기, 높이 값이 다릅니다.
기본적으로 모든 페이지에서 defaultpic 소스를 변경할 수 있지만 항상 기본 경로를 찾고 모든 라인을 변경할 필요없이 동일한 스크립트를 사용하고 싶습니다. 범주.
미안하지만 나는 그것에 대해 아주 분명하지 않지만 최선을 다합니다.
내가 (그래서 난 그냥 도움이 필요한 붙여 다른 제거 다)이 있습니다
<html>
<head>
<script type="text/javascript">
function mouseOverImage2()
{
document.getElementById("catPic").src='images/defaultpic2.jpg'; document.images['catPic'].style.width='280px'; document.images['catPic'].style.height='420px';;
} function mouseOverImage3()
{
document.getElementById("catPic").src='images/defaultpic3.jpg'; document.images['catPic'].style.width='280px'; document.images['catPic'].style.height='266px';;
}
function mouseOutImage()
{
document.getElementById("catPic").src='???'; //here's what I don't know what to put
}
</script>
</head>
<body>
<div class="nav">
<ul>
<li><a href="subcategory2.htm" onmouseover="mouseOverImage2()"
onmouseout="mouseOutImage()">Subcategory One</a></li>
<li><a href="subcategory3.htm" onmouseover="mouseOverImage3()"
onmouseout="mouseOutImage()">Subcategory 2</a></li></ul>
</div>
<div>
<img id="catPic" src="images/defaultpic1.jpg" width="280" height="420" alt="">
</div>
</body>
</html>
고마워, 정말 재미있어 보이고 잘 작동한다! 나는 정말 나쁜 코더이지만 청중에 대한 의미가 뭔지 모르지만 당신의 도움에 감사드립니다. – Seb
이벤트 리스너 [여기] (https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener)를 읽을 수 있습니다. 같은 이벤트에 대해 여러명의 청취자를 가질 수 있기 때문에 당신이 전에 그들을 만나지 않았다면 꽤 재미있을 것입니다. :) –