소스하나만 질문드립니다 정보
소스하나만 질문드립니다본문
<table width=100% border=1 border-color=#cccccc cellpadding=0 cellspacing="0">
border가 1px이고 cccccc컬러인데
마우스오버시 border 2px에 FF0000 로 변경되게할수있을까요?
가능하다면 소스좀 부탁드립니다.
border가 1px이고 cccccc컬러인데
마우스오버시 border 2px에 FF0000 로 변경되게할수있을까요?
가능하다면 소스좀 부탁드립니다.
댓글 전체
http://www.kissofgod.net/wdi/html/html05.html
위 링크를 참조해보세요~
위 링크를 참조해보세요~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#aa").mouseenter(function(){
$(this).css("border","2px solid #FF0000");
});
$("#aa").mouseleave(function(){
$(this).css("border","1px solid #cccccc");
})
});
</script>
</head>
<body>
<table width="100" id="aa" style="border:1px solid #cccccc;" cellpadding=0 cellspacing="0">
<tr>
<td>11111111</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title> New Document </title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#aa").mouseenter(function(){
$(this).css("border","2px solid #FF0000");
});
$("#aa").mouseleave(function(){
$(this).css("border","1px solid #cccccc");
})
});
</script>
</head>
<body>
<table width="100" id="aa" style="border:1px solid #cccccc;" cellpadding=0 cellspacing="0">
<tr>
<td>11111111</td>
</tr>
</table>
</body>
</html>
<style>
.over {border: 2px solid #ff0000}
.out {border: 1px solid #cccccc}
</style>
<div class="out" onmouseover="this.className='over'" onmouseout="this.className='out'">데모</div>
.over {border: 2px solid #ff0000}
.out {border: 1px solid #cccccc}
</style>
<div class="out" onmouseover="this.className='over'" onmouseout="this.className='out'">데모</div>