22 thg 2, 2011

[Java Script] Tự hover cho 1 tag HTML bằng JavaScript

0 nhận xét
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Hàm này sẽ tự động set css cho tag TAG là css_on khi mouseover và css_off khi mouseout
<style>
.mouseover { background: red; }
.mouseout { background: blue; }
</style>
<script>
function BASIC_HOVER(tag,css_on,css_off){
var obj = document.getElementsByTagName(tag);
for(i=0;i<obj.length;i++){
if(obj[i].className == css_off){
obj[i].onmouseover = function() {
this.className = css_on;
}
obj[i].onmouseout = function() {
this.className = css_off;
}
}
}
}
</script>
<body onload="BASIC_HOVER('div','mouseover','mouseout')">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</body>
 

0 nhận xét:

Đăng nhận xét