Menu

그림 마우스오버시 테두리생김

2016. 6. 4. 01:50

안개핑 Html & Css

 

 

1. <head><head>사이에 넣어주세요.

< style>
.borderimage{
border:3px solid white;
}
< /style>
< script language="JavaScript1.2">
function borderit(which,color){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
< /script>


※ 3px 는 테두리 두께입니다.

2. <body>와 </body> 그림 넣을위치에
<img src="1.jpg" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')">


※ black 는 마우스 올렸을때 색상입니다.
※ white 는 마우스 내렸을때 색상입니다.



링크와 함께 연결 하실때는 아래처럼...

< a href=연결주소><img src="1.jpg" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')"></a>

저작자표시 비영리 변경금지

'Html & Css' 카테고리의 다른 글

게시판에 예제랑 소스랑 같이 올리기  (0) 2016.06.04
내용길이 상관없이 테이블 고정하기  (0) 2016.06.04
아이프레임 사용하지않고 박스만들기  (0) 2016.06.04
아이프레임 동시에 두개 이상 바뀌게하기  (0) 2016.06.04
프레임 동시에 두개 이상 바뀌게하기  (0) 2016.06.04

티스토리툴바