Gốc > Code cho Blog và Web >
Cao Bằng @ 22:06 24/12/2009
Số lượt xem: 3368
Code menu pro
Code menu pro
Phóng to || Thu nhỏ
Hôm nay Blog giáo viên Thái Binh post tặng các bạn một code menu pro khá hay
DEMO tại đây
DEMO trên blog Violet tại đây
1.Cho code sau vào thẻ head
| <script type="text/javascript" src="http://bloggiaovienthaibinh.110mb.com/menupro/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="http://bloggiaovienthaibinh.110mb.com/menupro/jkmegamenu.css" /> <script type="text/javascript" src="http://bloggiaovienthaibinh.110mb.com/menupro/jkmegamenu.js"> </script> <script type="text/javascript"> //jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click") jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover") </script> |
2.Cho code sau vào thẻ body
| <!--Mega Menu Anchor--> <a href="http://caobang83.violet.vn" id="megaanchor">Menu home</a> <!--Mega Drop Down Menu HTML. Retain given CSS classes--> <div id="megamenu1" class="megamenu"> <div class="column"> <h3>Thu thuat</h3> <ul> <li><a href="http://caobang83.violet.vn">Thu thuat may tinh</a></li> <li><a href="http://caobang83.violet.vn">Thu thuat blog</a></li> <li><a href="http://caobang83.violet.vn">Thu thuat internet</a></li> <li><a href="http://caobang83.violet.vn">Thu thuat ghost win</a></li> <li><a href="http://caobang83.violet.vn">Thu thuat phan mem</a></li> </ul> </div> <div class="column"> <h3>News Related</h3> <ul> <li><a href="http://www.cnn.com/">CNN</a></li> <li><a href="http://www.msnbc.com">MSNBC</a></li> <li><a href="http://www.google.com">Google</a></li> <li><a href="http://news.bbc.co.uk">BBC News</a></li> </ul> </div> <div class="column"> <h3>Technology</h3> <ul> <li><a href="http://caobang83.violet.vn">News.com</a></li> <li><a href="http://caobang83.violet.vn">SlashDot</a></li> <li><a href="http://www.digg.com">Digg</a></li> <li><a href="http://www.techcrunch.com">Tech Crunch</a></li> </ul> </div> <br style="clear: left" /> <!--Break after 3rd column. Move this if desired--> <div class="column"> <h3>Phan mem</h3> <ul> <li><a href="http://caobang83.violet.vn">Phan mem ghost</a></li> <li><a href="http://caobang83.violet.vn">Phan mem day hoc</a></li> <li><a href="http://caobang83.violet.vn">Phan mem virus</a></li> <li><a href="http://caobang83.violet.vn">Phan mem dien thoai</a></li> <li><a href="http://caobang83.violet.vn">Phan mem may tinh</a></li> </ul> </div> <div class="column"> <h3>News Related</h3> <ul> <li><a href="http://www.cnn.com/">CNN</a></li> <li><a href="http://www.msnbc.com">MSNBC</a></li> <li><a href="http://www.google.com">Google</a></li> <li><a href="http://news.bbc.co.uk">BBC News</a></li> </ul> </div> <div class="column"> <h3>Technology</h3> <ul> <li><a href="http://www.news.com/">News.com</a></li> <li><a href="http://www.slashdot.com">SlashDot</a></li> <li><a href="http://www.digg.com">Digg</a></li> <li><a href="http://www.techcrunch.com">Tech Crunch</a></li> </ul> </div> </div> |
3.HD
-Các bạn thay đổi nội dung code trên cho hợp với menu con blog của bạn
-Có thể thêm cột hoặc bớt đi
<div class="column">
<h3>News Related</h3>
<ul>
<li><a href="http://www.cnn.com/">CNN</a></li>
<li><a href="http://www.msnbc.com">MSNBC</a></li>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://news.bbc.co.uk">BBC News</a></li>
</ul>
</div>
Chúc các bạn thành công
Thủ thuật blog Violet
Cao Bằng @ 22:06 24/12/2009
Số lượt xem: 3368
Số lượt thích:
0 người
- Code JavaScript đồng hồ quay theo chuột khá đẹp (23/12/09)
- Tạo banner quảng cáo trượt dọc 2 bên (Với việc ẩn hiện tùy vào độ phân giải của màn hình) (22/12/09)
- Code Photoshop Online (21/12/09)
- Code menu hiển thị khi click chuột phải (17/12/09)
- Code tổng hợp tin tức chính từ tất cả các báo (15/12/09)
Code menu pro
Thanks thầy nhiều lắm!
Mà thầy ơi, sao em rê chuột vào Menu home thì không hiển thị menu ra?
Thầy giúp e zí nha. http://nguyenthimytien.tk