Menu đa cấp xanh xanh đẹp

Tiêu đề: Menu đa cấp xanh xanh đẹp Sun Aug 28, 2011 12:23 pm

demo

Code:: http://www.a14toiyeu.net/h75-page

demo ảnh

Code:: http://i44.servimg.com/u/f44/15/64/85/86/cp6710.png

Đánh giá cá nhân Menu đa cấp xanh xanh đẹp 464979

*Ư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 Menu đa cấp xanh xanh đẹp 588710

Nguồn chôm chỉa

Code:: http://dayhocvatli.net/vi/

Code:

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">



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>

» Aston2 menu 1.1.0 - giao diện cực đẹp cho thanh Start Menu
» 2 Cấp: click vào menu mẹ ra menu con
» Yêu râu xanh và tội ác kinh hoàng
» [Skin] Noel xanh
» Mix đồ xì kul với tone xanh cho teen boy

Tìm kiếm

Display results as : Số bài Chủ đề
Advanced Search

Trang 1 trong tổng số 1 trang