<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>
<script>
// 아이디, 클래스명
function colorchage(id,color){
document.getElementById("test").className = color;
}
</script>
.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>
<script>
// 아이디, 클래스명
function colorchage(id,color){
document.getElementById("test").className = color;
}
</script>
'web standard > script' 카테고리의 다른 글
| 레이어팝업(오늘하루창닫기) 소스 (1) | 2011.06.16 |
|---|---|
| 탭메뉴 스크립트 (0) | 2011.01.06 |
| 라디오버튼체크시 레이블스타일변경 스크립트 (0) | 2010.11.17 |
| ie6에서 png처리방법 (2) | 2010.05.13 |
| pack된 js unpacker해주는 사이트 (0) | 2010.05.12 |
