Tự hover cho 1 tag HTML bằng JavaScript 2007-07-19 19:37:17
Hàm này sẽ tự động set css cho tag TAG là css_on khi mouseover và css_off khi mouseout
Cách này làm cho đỡ viết các thẻ onmouserover,onmouseout làm cho HTML trong gọn gàng hơn :)
<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 class="mouseout">1</div>
<div class="mouseout">2</div>
<div class="mouseout">3</div>
<div class="mouseout">4</div>
<div class="mouseout">5</div>
</body>
.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 class="mouseout">1</div>
<div class="mouseout">2</div>
<div class="mouseout">3</div>
<div class="mouseout">4</div>
<div class="mouseout">5</div>
</body>
Cách này làm cho đỡ viết các thẻ onmouserover,onmouseout làm cho HTML trong gọn gàng hơn :)
Tra loi 4 comment(s) 2007-07-19 19:37:17
Hỏi 2010-04-21 10:47:38
Http://news.ictexpress.com
Tra loi
Tống Kiện Phi 2010-04-21 11:17:37
Tra loi
kenphan.info 2010-04-21 03:00:28
Tra loi
cóc 2010-04-21 03:07:21
Sao vào trang kenphan.info có dòng chữ "Hack by cóc" kìa @_@
Tra loi
Y kien