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>
- Tạo hiệu ứng mô tả cho link liên kết - Sử dụng Javascript
- Tạo buttom nhảy lên, xuống hoặc vào giữa trang với lệnh javascript:scroll
- Ẩn hiện field sọan thảo với việc nhấp chọn nào nút Radio
- Menu nằm ngang - Hiệu ứng sổ menu con kiểu 1 hàng ngang (Mootools effect)
- Thay đổi tốc độ chạy chữ (ảnh) bằng cách rê chuột (Javascript)
- Ảnh rõ hơn khi rê chuột vào, một ứng dụng của Javascript
- Tạo các Tab nội dung
- JS : Tạo 1 pop-up khi load trang web
- JS : 1 ví dụ về lệnh onmouseover trong JavaScript
- Hiệu ứng thay đổi tiêu đề cho blog theo thời gian
- 1 Sript đổi màu background khá hay
Comments[ 0 ]
Đăng nhận xét