[javascript] 마우스 가져가면 나타나는 테두리
로빈아빠
본문
각각 다른 색으로 지정할 수 있습니다.
<style>
.line{border:1px solid white;} //테두리의 두께, 종류, 색(초기 색상)을 적습니다.
</style>
<script>
function borderit(which,color){
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
<!-- 마우스를 가져갔을 때의 색, 가져가지 않았을 때의 색의 순서로 적습니다. -->
<img src="이미지1" class="line" onMouseover="borderit(this,'FF6666')" onMouseout="borderit(this,'white')">
<img src="이미지2" class="line" onMouseover="borderit(this,'3366FF')" onMouseout="borderit(this,'white')">
<img src="이미지3" class="line" onMouseover="borderit(this,'888888')" onMouseout="borderit(this,'white')">
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:41:58 HTML에서 이동 됨]
<style>
.line{border:1px solid white;} //테두리의 두께, 종류, 색(초기 색상)을 적습니다.
</style>
<script>
function borderit(which,color){
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
<!-- 마우스를 가져갔을 때의 색, 가져가지 않았을 때의 색의 순서로 적습니다. -->
<img src="이미지1" class="line" onMouseover="borderit(this,'FF6666')" onMouseout="borderit(this,'white')">
<img src="이미지2" class="line" onMouseover="borderit(this,'3366FF')" onMouseout="borderit(this,'white')">
<img src="이미지3" class="line" onMouseover="borderit(this,'888888')" onMouseout="borderit(this,'white')">
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:41:58 HTML에서 이동 됨]
관련링크
댓글목록
등록된 댓글이 없습니다.