Home » Java
JS : 1 ví dụ về lệnh OnMouseMove (phần 2)
JavaScript Events - OnMouseMove
(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