sử dụng javascript tạo hiệu ứng làm nổi bật một hình ảnh khi di chuyển chuột lên.

[vancongpham]

Nếu bạn đang tìm kiếm một cách để thêm "gia vị" lên trang web của bạn, đoạn mã javaScript này có thể là những gì bạn đang tìm kiếm. Bạn có thể sử dụng JavaScript để làm nổi bật một hình ảnh khi bạn đặt con chuột của bạn trên nó. Đoạn mã JavaScript này cung cấp một cách tuyệt vời để làm nổi bật nút điều hướng của bạn hoặc bất cứ điều gì bạn muốn.

Đặt mã JavaScript trong thẻ HEAD của bạn như sau:

<SCRIPT language="JavaScript1.2">
<!--
function makevisible(cur,which){
strength=(which==0)? 1 : 0.2
if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}
// -->
</SCRIPT>

Tiếp theo, đặt mã sau đây vào phần thuộc tính trong tất cả các thẻ hình ảnh mà bạn muốn áp dụng:

style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"

Đây là ví dụ thẻ hình ảnh của bạn có thể thêm vào:

<img src="yourimage.gif" width="96" height="134" style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">

Chúc bạn hài lòng với website của mình.