0
나는 내 머리글을 다음과 같이 보이게하려고 노력하고있다 : http://wareztuga.ws/index.php 그리고 나는 우리가 집 바닥을 지나칠 때 그걸 어떻게 처리했는지 궁금했다.2 개의 이미지를 마우스로 가리키면 어떤 기능을 사용합니까?
나는 그 결과를 위해 두 개의 이미지가 필요하지만 기능이 필요하다는 것을 알고있다.
A
답변
0
이미지 롤오버를 구현하는 데는 여러 가지 방법이 있습니다. 여기에 아주 기본적인 방법입니다 :
<html>
<head>
<title>rollover demo</title>
<script type="text/javascript">
function swap(element, image) {
element.src = image;
}
</script>
</head>
<body>
<img src="home_normal.png" onmouseover="swap(this, 'home_rollover.png');" onmouseout="swap(this, 'home_normal.png');"/>
<img src="about_normal.png" onmouseover="swap(this, 'about_rollover.png');" onmouseout="swap(this, 'about_normal.png');"/>
</body>
</html>
보다 바람직한 방법은 jQuery 또는 자바 스크립트 코드를 무료로 HTML을 유지 다른 라이브러리를 사용하는 것입니다. Google "자바 스크립트 이미지 롤오버"또는 "jquery 이미지 롤오버"를 사용하면 여러 가지 다양한 방법으로 작업을 수행 할 수 있습니다.
0
Dunno 정확한 코드는 무엇인가?하지만 당신이 쓴 것은 "이미지 롤오버 (image rollover)"입니다. jQuery를 사용하는 것이 가장 강력하고 사용하기 쉽기 때문에 jQuery를 사용하는 것이 좋습니다. 예를 들면 다음과 같습니다. http://www.selfcontained.us/2008/03/08/simple-jquery-image-rollover-script/ –