Khi rê chuột lên liên kết thì sẽ hiện ra

zoejoe viết 15:30 ngày 10/10/2018

Dễ lắm, ta chỉ việc đưa thêm sự kiện onmousemove vào link, nhận event,lấy vị trí chuột rùi tạo ra 1 div cho nó di chuyển theo cái vị trí đó (lấy cái vị trí chuột trừ ra hoặc cộng vào để cho tips đẹp ), mouseout thì hide cái tips đó. Cái nì dùng jQuery là tuyệt nhất : nhanh, gọn keke

herofit viết 15:41 ngày 10/10/2018

Được gửi bởi zoejoe

Dễ lắm, ta chỉ việc đưa thêm sự kiện onmousemove vào link, nhận event,lấy vị trí chuột rùi tạo ra 1 div cho nó di chuyển theo cái vị trí đó (lấy cái vị trí chuột trừ ra hoặc cộng vào để cho tips đẹp ), mouseout thì hide cái tips đó. Cái nì dùng jQuery là tuyệt nhất : nhanh, gọn keke

nói thía này thì cũng khó làm được ý người ta hỏi cách làm thể nào để quản lý toàn bộ viêc đó. cách tốt nhất là bạn làn như bác zoejoe nói nhưng nội dung của thẻ div là 1 frame hoặc iframe cho hiển thị nội dung của link đó trong của sổ tooltip khi dê chuột vào
chúc thành công

trungvn.info viết 15:31 ngày 10/10/2018

Để đơn giản hơn, ít nặng trang thì bạn cũng có thể trong thẻ <a></a> bạn thêm vào thế này <a title="đây là nội dung cần diễn tả"></a> (rê chuột lên những smile hoặc avatar trên trang này để xem thử)

Còn ko thích thì bạn vào :
http://echip.com.vn/echiproot/javascript/index.html

hoặc download trực tip về dùng thử xem
http://echip.com.vn/echiproot/javasc...cholienket.zip

wantlove viết 15:35 ngày 10/10/2018

thanks mọi người nhìu.

[=========> Bổ sung bài viết <=========]

Được gửi bởi trungvn.info

Để đơn giản hơn, ít nặng trang thì bạn cũng có thể trong thẻ <a></a> bạn thêm vào thế này <a title="đây là nội dung cần diễn tả"></a> (rê chuột lên những smile hoặc avatar trên trang này để xem thử)

cái nì thì không nói .

Dễ lắm, ta chỉ việc đưa thêm sự kiện onmousemove vào link, nhận event,lấy vị trí chuột rùi tạo ra 1 div cho nó di chuyển theo cái vị trí đó (lấy cái vị trí chuột trừ ra hoặc cộng vào để cho tips đẹp ), mouseout thì hide cái tips đó. Cái nì dùng jQuery là tuyệt nhất : nhanh, gọn keke

Kho hỉu quá.Tại e la new... mà.
Em muốn nó chử hiện lên được lấy từ dữ liệu ra 1 đoạn từ tin đó.

zoejoe viết 15:34 ngày 10/10/2018

Nếu bạn dùng jQuery thì mình nghĩ đơn giản thế này :
Phần dữ liệu trên div thì ta có thể lấy từ ajax, nếu thích, ta có thể chỉ phải load 1 lần rồi cache lại vào 1 biến, sau này rê qua thì không phải load nữa, hoặc hay hơn, ta đồng thời load và kt dữ liệu đã cache chưa khi mouse over, vửa liên tục load dữ liệu bằng ajax trả về kiểu JSON khi trang vừa mới ready, như thế sẽ tạo cảm giác trang load nhanh hơn với nguơi dùng keke.

s.code viết 15:41 ngày 10/10/2018

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tips{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
	background-image: url(../../images/admin/info.png);
	background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 18px;
	text-decoration: none;
}
.tips:hover
{
	z-index:25;
	cursor: pointer;
	text-decoration: none;
}

.tips div
{
	display: none;
}

.tips:hover div
{ /*the span will display just on :hover state*/
    display: block;
    position:absolute;
    top: 1.5em; left: 1.7em;
	width:15em;
    border:1px solid #f68c2e;
	color:#000;
	background-color: #f7d9be;
    text-align: justify;
	padding: 3px;
}
</style>
</head>

<body>
<a class="tips" href="#">Test
				<div>
				Description
				</div>
</a>
</body>
</html>

herofit viết 15:43 ngày 10/10/2018

làm như cách của bạn s.code cũng được nhưng chúng ta phải quản lý và lưu trữ anh demo cho từng link.
cách tốt nhất chèn luôn cái link đó vào trong 1 cái frame đặt vào div khi di chuột vào nó sẽ hiện ra nội dung của link đó bên cạnh chuột. cách này chúng ta không phải lưu trữ và quản lý các ảnh cho từng link

s.code viết 15:42 ngày 10/10/2018

Thì load luôn cho nó vào cái div đó (tất cả cái gì mình muốn). Hoặc chọn giải pháp dùng ajax khi over vào thì nó mới load (từ server).

nhadep1312 viết 15:42 ngày 10/10/2018

cảm ơn. minh làm được oy :v

Khi rê chuột lên liên kết thì sẽ hiện ra

Đăng ký nhận thông báo

HỖ TRỢ HỌC VIÊN

VỀ CODE24H

HỢP TÁC VÀ LIÊN KẾT

KẾT NỐI VỚI CHÚNG TÔI

TẢI ỨNG DỤNG TRÊN ĐIỆN THOẠI