Ẩn/Hiện nút như trên Facebook

[trunghieuhf]

Ở trang facebook, khi mình di chuyển chuột vào một tin nào đấy thì nó mới hiện nút Hide hoặc Delete,... còn không thì nó tự ẩn đi. Các bạn có biết cách nào để làm giống thế không, chỉ mình với.

[langtuIT]

nghiên cứu jQuery rồi nghiên cứu tiếp hàm hover hoặc binding handler mouseover và mouseout. Good luck!

[jiSh@n]

Cả CSS lẫn Javascript đều làm hoàn hảo tính năng này.

[chesterben]

Cả CSS lẫn Javascript đều làm hoàn hảo tính năng này.

Như Fb mà làm bằng CSS thì hơi mệt. Chưa kể là IE6 ko tương thích với kiểu div:hover. :blink:

[trunghieuhf]

các bạn có thể nói cụ thể hơn 1 chút được không vậy.

[jiSh@n]

Như Fb mà làm bằng CSS thì hơi mệt. Chưa kể là IE6 ko tương thích với kiểu div:hover. :blink:

FB ko support IE6 :lick:

[chesterben]

FB ko support IE6 :lick:

Có. Nhưng chạy ko được Ajax thui. Nó cũng như bản Lite. :bored:

[jiSh@n]

Có. Nhưng chạy ko được Ajax thui. Nó cũng như bản Lite. :bored:

KO support IE6 ko có nghĩa là ko chạy với IE6 nhé :rolleyes::shifty:

[trunghieuhf]

các bạn nói sang chủ đề khác rồi thì phải...

[jiSh@n]

các bạn nói sang chủ đề khác rồi thì phải...

Ko khác đâu, vẫn còn dính dáng đến Facebook đó :rolleyes:
Như mình đã nói ở trên, cả CSS lẫn Javascript đều có thể làm được như vậy lol

[trunghieuhf]

Ví dụ trong một comment, mình muốn khi di chuột tới comment ấy thì hiện lên nút Trả lời. Nếu dùng CSS mình chỉ nghĩ ra cách là di chuột vào nút đấy thì nó hiện ra, nhưng nếu không di chuột vào nút Trả lời mà chỉ là tới vùng chứa comment thì nó cũng hiện ra, nếu ngoài vùng thì ẩn đi, vậy làm thế nào?

[chesterben]

KO support IE6 ko có nghĩa là ko chạy với IE6 nhé :rolleyes::shifty:

Hờ hờ, ra tiệm net tớ vẫn vào Fb bằng IE6 ai bít được nó có hổ trợ hay ko :noexpress

[thuyduongcd]

Ko support tức là "bạn có quyền sử dụng nhưng không có quyền thắc mắc nếu nó chạy không đúng" :D

[hakara]

với các phiên bản trình duyệt như hiện nay thì bạn chỉ cần css là tạo được hiệu ứng này
bạn tạo 1 botton trong 1 div, sau đó block cái button này khi hover vào cái div
CSS :
div#over {
width:300px;
height:100px;
background:#999;
}
.form-submit {
background:#000;
display:none;
}
div#over:hover .form-submit {
display:block;
}
HTML
<div id="over">
<input type="button" value="delete" class="form-submit" />
</div>

[NsT]

Bác này chỉ dẫn mà cũng ko tới nơi tới chốn :D class ở trên là .form-submit, ở dưới thì là .form-text thì sao mà hoạt động được :D?

[trunghieuhf]

cảm ơn các bạn nhiều.

[kenphan19]

KO support IE6 ko có nghĩa là ko chạy với IE6 nhé :rolleyes::shifty:
Viết thế thì quá ra y chang heo :D Câu này mới chính xác hơn nà
Ko support IE6 ko có nghĩa là IE6 ko chạy đc.

[trunghieuhf]

Có bạn nào chỉ mình cách làm với Javascript với, dùng css không chạy được với IE6.

[honnhienh]

cái này hay quá. bác nào chỉ với tôi cũng muốn học cái này. hi hi. chắc cài này phải dùng cả ajax vô nữa mới được.