Thay đổi ảnh khi rê chuột

Ðây là một hack mod ðộc ðáo cho phép một hình ảnh này sẽ chuyển ðổi thành một hình ảnh khác khi rê chuột lên trên nó. Một số bạn khéo tay có thể tận dụng ðể làm banner của mình trở nên sinh ðộng hõn mà không cần những hiệu ứng Flash nhý cách thông thýờng.

Bạn có thể xem Demo tại một trong các ðịa chỉ sau ðây:
http://z14.invisionfree.com/UltimateHacks1...dex.php?act=idx
http://z10.invisionfree.com/StrawberryCute...dex.php?act=idx

Cách làm: Bạn vào Admin CP > Board Wrappers > Chèn vào Footer ðoạn code:
-------------------------------------------------------------------------------------------------------------------------------

Quote:

<script language="javascript">
// Image Hover Code
// created by Ryan Fan/Nitrogenix
// http://www.ifsz.com , 2005
//trochuyen.co.nr
function hoverIMG(imgURL, newURL){
x = document.getElementsByTagName('img')
for(y=0;y<x.length;y++){
if(x[y].src == imgURL){
x[y].onmouseover = function(){
this.src = newURL
}
x[y].onmouseout = function(){
this.src = imgURL
}
}}}
hoverIMG("IMGURL", "HOVERIMGURL")
</script>

-------------------------------------------------------------------------------------------------------------------------------
Trong ðó chú ý ðoạn cuối cùng:
hoverIMG("IMGURL", "HOVERIMGURL")

Ðoạn màu ðỏ là link của hình ban ðầu.
Ðoạn màu xanh là link của hình ảnh thay thế.

Bạn có thể thêm nhìu sự thay ðổi khác bằng cách thêm cú pháp nhý sau:
hoverIMG("IMGURL", "HOVERIMGURL")

Cục kiểm tra code InvisionFree