JS : 1 ví dụ về lệnh OnMouseMove (phần 2)
Thứ Ba, 7 tháng 4, 2009
JavaScript Events - OnMouseMove
[FD's BlOg] - Sự kiện OnMouseMove là sự kiện được kích hoạt khi người dùng di chuyển chuột lên một vùng cụ thể nào đó.Trong những ví dụ dưới đây, mình sử dụng sự kiên nàt để thay đổi hình ảnh.Khi người dùng di chuyển chuột vào dòng chữ "Di chuyển chuột vào đây để thay đổi hình ảnh" thì hình ảnh sẽ được thay đổi.(Lưu ý: Đối với điều này để làm việc trong trình duyệt của bạn, bạn phải thật sự trỏ chuột đến hình ảnh đó).
<html>
<body>
<img src="{LINK Hình ảnh 1}" name="mouseover" width="300" height="150">
<p onmousemove="document.images['mouseover']
.src='{LINK Hình ảnh 2}'">Di chuyển chuột vào đây để thay đổi hình ảnh.</p>
</body>
</html>
Ngòai ra OnMouseDown còn có thể sử dụng để nhắc nhở người xem đây là hình ảnh có bản quyền (cấm sao chép) : (dòng lệnh này tương tự dòng thông báo khi rê chuột (đã post ở phần 1))
<html>
<body>
<img src="{LINK Hình ảnh của bạn}"
onmousemove="alert('Hình ảnh có bản quyền')" />
</body>
</html>
<body>
<img src="{LINK Hình ảnh của bạn}"
onmousemove="alert('Hình ảnh có bản quyền')" />
</body>
</html>
Comments[ 0 ]
Đăng nhận xét