<html>
<head>
<style type="text/css">
img { width:50px; height:50px; }
</style>
<script>
window.onload=function(){
document.img1.onmouseover=mOver;
document.img1.onmouseout=mOut;
}
function mOver(){
this.style.width="150px";
this.style.height="150px";
}
function mOut(){
this.style.width="50px";
this.style.height="50px";
}
</script>
</head>
<body>
<img src="image/bgimg.jpg" name="img1">
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| iframe이용,페이지 열기 (0) | 2015.03.03 |
|---|---|
| 이전페이지 다음페이지로 이동하기 (0) | 2015.03.03 |
| 과제2)상단메뉴 클릭시 하위메뉴 나오기 (0) | 2015.03.01 |
| 과제1)토글기능 구현하기 (0) | 2015.02.28 |
| css바꾸기 확장성있는 코드 (0) | 2015.02.28 |
