1 [Code] Menu đa cấp xanh xanh đẹp đẹp =)) Sun Nov 11, 2012 8:50 pm
Admin
Trùm Forum
Tình hình là đã chôm chỉa thành công được cái Menu khá đẹp nên chia cho mọi người cùng xài [You must be registered and logged in to see this image.]
Demo: [You must be registered and logged in to see this link.]
Demo ảnh:
[You must be registered and logged in to see this link.]
Đánh giá cá nhân [You must be registered and logged in to see this image.]
*Ưu điểm: Có hiệu ứng trượt đẹp
*Khuyết điểm: Nhiều script quá mà không biết bỏ cái nào cho đúng [You must be registered and logged in to see this image.]
Nguồn chôm chỉa [You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] đây [You must be registered and logged in to see this image.]
Demo: [You must be registered and logged in to see this link.]
Demo ảnh:
[You must be registered and logged in to see this link.]
*Ưu điểm: Có hiệu ứng trượt đẹp
*Khuyết điểm: Nhiều script quá mà không biết bỏ cái nào cho đúng [You must be registered and logged in to see this image.]
Nguồn chôm chỉa [You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] đây [You must be registered and logged in to see this image.]
- 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" xml:lang="vi-vn" lang="vi-vn" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://dayhocvatli.net/vi/components/com_chronocomments/msg.css" type="text/css" />
<link rel="stylesheet"
href="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/css/template.css"
type="text/css" />
<link rel="stylesheet"
href="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/css/header-green.css"
type="text/css" />
<link rel="stylesheet"
href="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/css/rokmoomenu.css"
type="text/css" />
<script type="text/javascript"
src="http://dayhocvatli.net/vi/plugins/system/cdscriptegrator/libraries/highslide/js/highslide-full.min.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/media/system/js/mootools.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/media/system/js/modal.js"></script>
<script type="text/javascript"
src="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/js/rokfonts.js"></script>
<script type="text/javascript"
src="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/js/rokutils.inputs.js"></script>
<script type="text/javascript"
src="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/js/rokmoomenu.js"></script>
<script type="text/javascript">
<!--
hs.graphicsDir = '/vi/plugins/system/cdscriptegrator/libraries/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
hs.showCredits = true;
hs.expandDuration = 250;
hs.anchor = 'auto';
hs.align = 'auto';
hs.transitions = ["expand"];
hs.dimmingOpacity = 0;
hs.lang = {
loadingText : 'Loading...',
loadingTitle : 'Click to cancel',
focusTitle : 'Click to bring to front',
fullExpandTitle : 'Expand to actual size',
fullExpandText : 'Full size',
creditsText : 'Powered by Highslide JS',
creditsTitle : 'Go to the Highslide JS homepage',
previousText : 'Previous',
previousTitle : 'Previous (arrow left)',
nextText : 'Next',
nextTitle : 'Next (arrow right)',
moveTitle : 'Move',
moveText : 'Move',
closeText : 'Close',
closeTitle : 'Close (esc)',
resizeTitle : 'Resize',
playText : 'Play',
playTitle : 'Play slideshow (spacebar)',
pauseText : 'Pause',
pauseTitle : 'Pause slideshow (spacebar)',
number : 'Image %1 of %2',
restoreTitle : 'Click to close image, click and drag to move. Use arrow keys for next and previous.'
};
//-->
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
window.addEvent('load', function(){
var JTooltips = new Tips($$('.Tips2'), {
maxTitleChars: 100, fixed: false
});
var Tips2 = new Tips($$('.tooltip_extranews'), { maxTitleChars: 999, fixed: false}, {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});
});
window.addEvent('domready', function() {
var modules = ['side-mod','module','moduletable','component-header'];
var header = ['h3','h1'];
RokBuildSpans(modules, header);
});
InputsExclusion.push('.content_vote','#login-module')
window.addEvent('domready', function() {
new Rokmoomenu($E('ul.menutop '), {
bgiframe: false,
delay: 500,
verhor: true,
animate: {
props: ['height'],
opts: {
duration: 500,
fps: 100,
transition: Fx.Transitions.Quad.easeOut
}
},
bg: {
enabled: true,
overEffect: {
duration: 500,
transition: Fx.Transitions.Sine.easeOut
},
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeOut
}
},
submenus: {
enabled: true,
opacity: 0.9,
overEffect: {
duration: 50,
transition: Fx.Transitions.Cubic.easeInOut
},
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeIn
},
offsets: {
top: 3,
right: 1,
bottom: 0,
left: 1
}
}
});
});
window.addEvent((window.webkit) ? 'load' : 'domready', function() {
window.rokajaxsearch = new RokAjaxSearch({
'results': 'Các kết quả',
'close': '',
'websearch': 1,
'blogsearch': 1,
'imagesearch': 1,
'videosearch': 1,
'imagesize': 'MEDIUM',
'safesearch': 'MODERATE',
'search': ' Search...',
'readmore': 'Đọc Thêm',
'noresults': ' No results',
'advsearch': ' Advanced search',
'page': 'Trang',
'page_of': ' of',
'searchlink':
'http://dayhocvatli.net/vi/index2.php?option=com_search&view=search&tmpl=component',
'advsearchlink': 'http://dayhocvatli.net/vi/index.php?option=com_search&view=search',
'uribase': 'http://dayhocvatli.net/vi/',
'limit': '10',
'perpage': '3',
'ordering': 'newest',
'phrase': 'any',
'hidedivs': '',
'includelink': 1,
'viewall': ' View all results',
'estimated': ' estimated',
'showestimated': 1,
'showpagination': 1,
'showcategory': 1,
'showreadmore': 1,
'showdescription': 1
});
});
</script>
<div id="horiz-menu" class="moomenu">
<ul class="menutop" >
<li class="item1 " >
<a class="topdaddy link" href="http://dayhocvatli.net/vi/" >
<span>Trang chủ</span>
</a>
</li>
<li class="item56 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>Giới thiệu</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item57 c0 coltop" >
<a class="link" href="/vi/Ve-Tac-gia/tac-gia.ephysvn" >
<span>Về Tác giả</span>
</a>
</li>
<li class="item92 c0" >
<a class="link" href="/vi/Ve-truong-toi/ve-truong-toi.ephysvn" >
<span>Về trường tôi</span>
</a>
</li>
<li class="item58 c0" >
<a class="link" href="/vi/Ve-Binh-Dinh-Que-toi/que-toi-binh-dinh.ephysvn" >
<span>Về Bình Định-Quê tôi</span>
</a>
</li>
<li class="item94 c0" >
<a class="link" href="/vi/Ve-PleiKu-Gia-Lai-Vietnam/ve-pleiku-than-yeu.ephysvn" >
<span>Về PleiKu-Gia Lai-Viet Nam</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item61 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>Tin tức-sự kiện</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item95 c0" >
<a class="link" href="/vi/Table/Ve-Vat-Li/" >
<span>Về Vật Lí</span>
</a>
</li>
<li class="item93 c0" >
<a class="link" href="/vi/Table/Ve-Giao-duc/" >
<span>Về Giáo dục</span>
</a>
</li>
<li class="item100 c0" >
<a class="link" href="/vi/Table/Ve-Khoa-hoc/" >
<span>Về Khoa học</span>
</a>
</li>
<li class="item103 c0" >
<a class="link" href="/vi/Table/Ve-ICT/" >
<span>Về ICT</span>
</a>
</li>
<li class="item96 c0" >
<a class="link" href="/vi/Table/Ve-truong-toi/" >
<span>Về trường tôi</span>
</a>
</li>
<li class="item65 c0" >
<a class="link" href="/vi/Table/Ve-dong-chi-Toi/" >
<span>Về đồng chí "Tôi"</span>
</a>
</li>
<li class="item124 c0" >
<a class="link" href="/vi/Table/Ve-Hoc-bong-Du-hoc/" >
<span>Về Học bổng-Du học</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item69 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>Bí kíp Dạy&Học tốt</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item70 c0" >
<a class="link" href="/vi/Table/Ve-Day-Vat-Li/" >
<span>Về Dạy Vật Lí</span>
</a>
</li>
<li class="item71 c0" >
<a class="link" href="/vi/Table/Ve-Hoc-Vat-Li/" >
<span>Về Học Vật Lí</span>
</a>
</li>
<li class="item72 c0" >
<a class="link" href="/vi/Table/Ung-dung-cong-nghe/" >
<span>Ứng dụng công nghệ</span>
</a>
</li>
<li class="item73 c0" >
<a class="link" href="/vi/Table/Lap-trinh-cho-hoc-tap/" >
<span>Lập trình cho học tập</span>
</a>
</li>
<li class="item121 c0" >
<a class="link" href="/vi/Table/Sach-hay-nen-doc/" >
<span>Sách - Tài liệu hay nên đọc</span>
</a>
</li>
<li class="item142 parent c0" >
<a class="daddy link" href="/vi/Table/Ban-biet-gi/" >
<span>Bạn biết gì?</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item143 coltop" >
<a class="link" href="/vi/Table/Ve-anh-sang/" >
<span>Về ánh sáng</span>
</a>
</li>
<li class="item144 " >
<a class="link" href="/vi/Table/Ve-hat-co-ban/" >
<span>Về hạt cơ bản</span>
</a>
</li>
<li class="item145 " >
<a class="link" href="/vi/Table/Ve-dien-tu/" >
<span>Về điện-từ</span>
</a>
</li>
<li class="item160 " >
<a class="link" href="/vi/Table/Ve-khong-gian-vu-tru/" >
<span>Về không gian-vũ trụ</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item147 parent c0" >
<a class="daddy link" href="#" >
<span>Đọc tạp chí giấy online</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item148 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Vat-Li-Tuoi-tre/" >
<span>Vật Lí & Tuổi trẻ [Vi]</span>
</a>
</li>
<li class="item149 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Toan-hoc-Tuoi-tre/" >
<span>Toán học & Tuổi trẻ [Vi]</span>
</a>
</li>
<li class="item150 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Giao-duc/" >
<span>Giáo dục [Vi]</span>
</a>
</li>
<li class="item159 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Vat-Li-trong-truong-PT/" >
<span>Vật Lí trong trường PT [Ru]</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item151 c0" >
<a class="link" href="/vi/Mo-phong-VL-Online.ephysvn" >
<span>Mô phỏng VL Online</span>
</a>
</li>
<li class="item152 c0" >
<a class="link" href="/vi/Cam-nang-va-chien-luoc-hoc-tap.ephysvn" >
<span>C.Nang&C.lược học tập</span>
</a>
</li>
<li class="item153 c1 coltop" >
<a class="link" href="/vi/Table/Chia-se-tu-doc-gia/" >
<span>Chia sẻ từ độc giả</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item27 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>F5 tâm hồn</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item2 c0 coltop" >
<a class="link" href="/vi/Table/Cam-cuoi-hihi/" >
<span>Cấm cười! (hihi)</span>
</a>
</li>
<li class="item37 c0" >
<a class="link" href="/vi/Table/Huong-vi-cuoc-song/" >
<span>Trải nghiệm từ cuộc sống</span>
</a>
</li>
<li class="item146 c1 coltop" >
<a class="link" href="/vi/Coi-nguon-suy-ngam/" >
<span>Cội nguồn-suy ngẫm</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item105 " >
<a class="topdaddy link" href="/vi/Tai-nguyen/" >
<span>Tài nguyên</span>
</a>
</li>
<li class="item109 " >
<a class="topdaddy link" href="/vi/wrapper.ephysvn" >
<span>Học trực tuyến</span>
</a>
</li>
<li class="item154 parent " >
<a class="topdaddy link" href="#" >
<span>Tra cứu điểm</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item155 c0 coltop" >
<a class="link" href="/vi/component/option,com_diemthi/Itemid,155/" >
<span>Thi Tốt nghiệp THPT 2011</span>
</a>
</li>
<li class="item156 c0" >
<a class="link" href="/vi/component/option,com_quanlydiem/Itemid,156/view,quanlydiem/" >
<span>Kiểm tra thường xuyên</span>
</a>
</li>
<li class="item161 c0" >
<a class="link" href="/vi/Ket-qua-thi-TN-DH-toan-quoc.ephysvn" >
<span>Kết quả thi TN-ĐH toàn quốc</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item162 " >
<a class="topdaddy link" href="/vi/Lien-he/Quan-tri-website.ephysvn" >
<span>Liên hệ</span>
</a>
</li>
</ul>
<div class="clr"></div>
</div>