|
 |
| |
ช่วยแนะนำทีครับ jquery พอดีได้ไฟล์ code เมนูมา ปรับแต่งเสร็จแล้ว แต่ ไม่รู้ว่า นำมาใช้ยังไงครับ |
| |
 |
|
|
 |
 |
|
พอดีได้ ไฟล์ เมนู jquery มา ต้องการ นำมาใส่ในเว็บของเรา ควรทำไงบ้างครับ
นำ code ตรงไหนไปใส่ครับ ขอบคุณครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<title>jQuery Mega Drop Down Menu Plugin v 1.2</title>
<link href="css/dcmegamenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.2.js'></script>
<script type="text/javascript">
$(document).ready(function($){
$('#mega-menu-1').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-2').dcMegaMenu({
rowItems: '1',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-3').dcMegaMenu({
rowItems: '2',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-4').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-5').dcMegaMenu({
rowItems: '4',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-6').dcMegaMenu({
rowItems: '3',
speed: 'slow',
effect: 'slide'
});
$('#mega-menu-7').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'slide'
});
$('#mega-menu-8').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-9').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
});
</script>
<link href="css/skins/black.css" rel="stylesheet" type="text/css" />
<link href="css/skins/grey.css" rel="stylesheet" type="text/css" />
<link href="css/skins/blue.css" rel="stylesheet" type="text/css" />
<link href="css/skins/green.css" rel="stylesheet" type="text/css" />
<link href="css/skins/light_blue.css" rel="stylesheet" type="text/css" />
<link href="css/skins/orange.css" rel="stylesheet" type="text/css" />
<link href="css/skins/red.css" rel="stylesheet" type="text/css" />
<link href="css/skins/white.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="demo-container">
<div class="light-blue">
<ul id="mega-menu-8" class="mega-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Products</a>
<ul>
<li><a href="#">NSK</a>
<ul>
<li><a href="#">Product 1</a></li>
<li><a href="#">Product 2</a></li>
<li><a href="#">Product 3</a></li>
</ul>
</li>
<li><a href="#">SKF</a>
<ul>
<li><a href="#">Product 4</a></li>
<li><a href="#">Product 5</a></li>
<li><a href="#">Product 6</a></li>
<li><a href="#">Product 7</a></li>
<li><a href="#">Product 8</a></li>
<li><a href="#">Product 9</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Spindle Repair Division</a>
<ul>
<li><a href="#">Offer 1</a></li>
<li><a href="#">Offer 2</a></li>
<li><a href="#">Offer 3</a></li>
</ul>
</li>
<li><a href="#">Air Spindle Division</a>
<ul>
<li><a href="#">Offer 4</a></li>
<li><a href="#">Offer 5</a></li>
<li><a href="#">Offer 6</a></li>
<li><a href="#">Offer 7</a></li>
</ul>
</li>
<li><a href="#">Ball Screw Repair</a>
<ul>
<li><a href="#">Offer 9</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Engineering</a>
<ul>
<li><a href="#">Technical Artiele</a>
</li>
<li><a href="#">Technical Standard</a>
</li>
<li><a href="#">Calculations</a>
</li>
<li><a href="#">Maintenance</a>
</li>
</ul>
</li>
<li><a href="#">Company</a>
</li>
<li><a href="#">News</a>
<ul>
<li><a href="#">Seminar & Training</a>
<ul>
<li><a href="#">Service Detail A</a></li>
<li><a href="#">Service Detail B</a></li>
</ul>
</li>
<li><a href="#">Pomotion</a>
<ul>
<li><a href="#">Service Detail C</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
Tag : PHP, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2013-03-20 12:12:19 |
By :
ledluknan |
View :
826 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
มันน่าจะมี Document / Manual มาให้ครับ
|
| |
|
|
| |
| Date :
2013-03-20 17:21:30 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
