스크립트로 특정아이디 css 클래스 변경 하기
작성일 10-09-09 19:54
페이지 정보
작성자서방님 조회 692회 댓글 0건본문
html 특정 id를 여러 모양으로 제어 하기 위한 class 적용 스크립트입니다.
아래 예제에서는 간단한 색상 변경으로 사용했지만 id에 대한 위치변경,배경삽입,크기조정등..
스크립트 이벤트시에 응용 동작 하셔서 만드실수있습니다.
<style>
.redcolor{
color:red;
}
.bluecolor{
color:blue;
}
</style>
.redcolor{
color:red;
}
.bluecolor{
color:blue;
}
</style>
<div id="test" class="redcolor">테스트</div>
<div>마우스 오버시 색갈이 변합니다. <br><a href="#" onmouseover="colorchage('test','redcolor');">빨간색</a> <a href="#" onmouseover="colorchage('test','bluecolor');">파란색</a></div>
<div>마우스 오버시 색갈이 변합니다. <br><a href="#" onmouseover="colorchage('test','redcolor');">빨간색</a> <a href="#" onmouseover="colorchage('test','bluecolor');">파란색</a></div>
<script>
// 아이디, 클래스명
function colorchage(id,color){
document.getElementById("test").className = color;
}
</script>
// 아이디, 클래스명
function colorchage(id,color){
document.getElementById("test").className = color;
}
</script>
댓글목록
등록된 댓글이 없습니다.