Câu lạc bộ Hỗ Trợ Học Tập
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.



 
Trang ChínhTrang Chính  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  
  • Top posters
 Mr.Pakapun (256)
 ddtan90 (178)
 tvduong (147)
 dthnam90 (137)
 minhquankq (101)
 arianbo (70)
 DoanhNhan (54)
 chicken (53)
 stormit (52)
 gentle_storm (47)

 

 onmouseup & onmousedown

Go down 
Tác giảThông điệp
dthnam90
Thành viên gắn bó lâu dài
Thành viên gắn bó lâu dài
dthnam90


Tổng số bài gửi : 137
Join date : 04/01/2011

onmouseup & onmousedown Empty
Bài gửiTiêu đề: onmouseup & onmousedown   onmouseup & onmousedown EmptyTue Jan 11, 2011 4:17 pm

Sự kiện onmouseup & onmousedown :

Trước tiên mình tặng các bạn 2 images phục vụ cho bài viết này:
onmouseup & onmousedown Bulboffonmouseup & onmousedown Bulbon

  • onmousedown được gọi khi bạn nhấn giữ chuột

  • onmouseup được gọi khi bạn thả chuột ra


Trong ví dụ dưới đây, khi bạn nhấp chuột vào bóng đèn thì đèn sẽ sáng, còn khi thả chuột ra thì đèn tắt!

Code:
<html>
<head>
<script type="text/javascript">
function lighton()
{
document.getElementById('myimage').src="bulbon.gif";
}
function lightoff()
{
document.getElementById('myimage').src="bulboff.gif";
}
</script>
</head>

<body>
<img id="myimage" onMouseDown="lighton()" onMouseUp="lightoff()" src="bulboff.gif" width="100" height="180" />
<p>Click and hold to turn on the light!</p>
</body>
</html>

Theo [You must be registered and logged in to see this link.]
Về Đầu Trang Go down
 
onmouseup & onmousedown
Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
Câu lạc bộ Hỗ Trợ Học Tập :: LẬP TRÌNH WEB :: HTML/CSS/JAVASCRIPT-
Chuyển đến