스크립트로 특정아이디 css 클래스 변경 하기
페이지 정보
작성자 서방님 댓글 0건 조회 189회 작성일 10-09-09 19:54본문
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>
댓글목록
등록된 댓글이 없습니다.
