반응형
마우스 커서에 따른 이미지 변환
javascript는 웹 페이지에서 동적으로 보여주게 해주는 스크립트 언어입니다.
<html>
<head>
<title>Javascript Animation Sample!!</title>
<script type="text/javascript">
function mouseOver() {
var d = document.img1;
d.src = "dog1.jpg";
}
function mouseOut() {
var d = document.img1;
d.src = "dog2.jpg";
}
</script>
</head>
<body>
<h2>Javascript Animation!!</h2>
<br>
<a href="http://www.google.com" target="_blank"> <img border="0"
alt="Welcome Google!" name="img1"
onmouseOver="mouseOver()" onmouseOut="mouseOut()" />
</a>
</body>
</html>
이렇게 되면 마우스커서를 가져가면 이미가 변환 되는걸 볼 수 있습니다.
반응형
'웹프로그래밍 > JavaScript & Jquery' 카테고리의 다른 글
| jQuery (jQuery Pannel 만들기) (0) | 2019.12.09 |
|---|---|
| JavaScript (confirm(입력) , Prompt(선택) ) (0) | 2019.11.29 |