본문 바로가기
Javascript

아주아주 간단한 마우스오버 event

휴렛 2013. 9. 17. 17:34
반응형

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<style type="text/css">

 

.textarea_css{                  /* textarea 지정한 칸이 넘어야 스크롤바 생성 및 크기 설정*/
 overflow-x: hidden; 
 overflow-y:auto;
 height:100px;
 width:300px;
}

</style>
<script type="text/javascript">

function over(x) {             // 마우스오버시 실행
  x.style.border = "solid 1px #E59AB8";
 }
 
 function out(x) {             //마우스아웃시 실행
   x.style.border = "solid 1px #d5d5d5";
  }

</script>
</head>
<body>

<textarea class="textarea_css" name="issue" onmouseover="over(this)" onmouseout="out(this)" ></textarea>

</body>

</html>

 

 

 

 

반응형

'Javascript' 카테고리의 다른 글

javascript E-mail 유효성 검사  (0) 2014.09.18
Ajax 기본 명령어  (0) 2013.10.02
javascript로 구현한 달력  (0) 2013.09.30
submit 버튼 쓰는거보단...  (0) 2013.09.30
아이디 중복검사 ajax를 이용해서 alert창에 경고 띄우기  (0) 2013.09.27

'Javascript' Related Articles

티스토리툴바