Welcome Guest [Log In] [Register]
Chào mừng bạn đến với »»--(¯`°ZetaFamily°´¯)--»» - nơi chia sẽ những thủ thuật cho forum Zetaboards

-‘๑’- Bạn hiện đang xem diễn đàn của chúng tôi với tư cách là Khách.Điều này có nghĩa là bạn sẽ không thấy được hệ thống các code được chia sẽ trên diễn đàn.

-‘๑’- Đăng Ký rất đơn giản, nhanh chóng, và hoàn toàn miễn phí. Nhấp chuột vào ĐÂY

-‘๑’- Sử dụng Firefox để đăng nhập Forum dễ dàng hơn !

-‘๑’- Nếu đã có tài khoản hãy đăng nhập dưới đây :

-‘๑’- Chúc bạn một ngày tốt lành -‘๑’-

Username:   Password:
Add Reply
[ZB code] Menu category drop (chuyên mục lớn)
Topic Started: Jun 16 2011, 08:06 PM (331 Views)
ZetaFamily
Member Avatar
Tôi yêu Zetaboards

Posted by Xero. Thank you for sharing

Preview: Nó là một hệ thông menu sổ xuống, nhưng nó hiển thị theo các category (chuyên mục lớn).
ví dụ: chuyên mục lớn Cộng Đồng ZetaBoards Việt Nam

Đặt code tại Below the boards

Code:
 
<script type="text/javascript">
if (location.href.match("index")) {
var category1 = $("#cat-ID chuyên mục 1");
var category2 = $("#cat-ID chuyên mục 2");
var category3 = $("#cat-ID chuyên mục 3");
var category4 = $("#cat-ID chuyên mục 4");

$("#cat-ID chuyên mục 1").before('<br /><table style="border:0; background:none; padding:0;"><tr><td id="cat1" style="cursor:pointer;"><b><center>Tên menu 1</center></b></td><td id="cat2" style="cursor:pointer;"><b><center>Tên menu 2</center></b></td><td id="cat3" style="cursor:pointer;"><b><center>Tên menu 3</center></b></td><td id="cat4" style="cursor:pointer;"><b><center>Tên menu 4</center></b></td></tr><tr style="border:0; background:none; padding:0;"><td id="catPlace" style="border:0; background:none; padding:0;" colspan="4"></td></tr></table>');

$("#cat-ID chuyên mục 1").remove();
$("#cat-ID chuyên mục 2").remove();
$("#cat-ID chuyên mục 3").remove();
$("#cat-ID chuyên mục 4").remove();

$("#catPlace").html(category1);

$("#cat1").click(function() {
$("#catPlace").html(category1);
});
$("#cat2").click(function(){
$("#catPlace").html(category2);
});
$("#cat3").click(function(){
$("#catPlace").html(category3);
});
$("#cat4").click(function(){
$("#catPlace").html(category4);
});
}
</script>


- Phải làm theo đúng thứ tự nhé, nếu không đúng nó không hiện đâu.
- Nếu muốn thêm nhiều thi ta chỉ cần lặp lại code thôi
Offline Profile Quote Post TOP
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Code Forum · Next Topic »
Add Reply

Liên Kết Forum

Copyright©2011,ZetaFamily™.All rights reserved
Xem tốt nhất trên các trình duyệt FireFox hoặc Google Chrome
Diễn đàn là một hệ thống mở,chúng tôi sẽ không chịu trách nhiệm về nội dung đăng tải do người dùng đưa lên.
ZetaFamily Theme designed by ZetaFamily.Co.Cc