|
นำ
Code ไปวางไว้ในส่วนของ <HEAD>
<script language="JavaScript"
src="menubar.js"></script>
<script language="JavaScript">
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home",
"http://www.hippo.ksc.net.th"));
myNavBar1.addMenu(dhtmlMenu);
// กำหนด Link ต่างๆ ที่ตรงส่วนนี้
dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Graphic",
""));
dhtmlMenu.addItem(new NavBarMenuItem("Photoshop7.0",
"http://www.adobe.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Flash 6.0",
"http://www.macromedia.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Corel Draw
10 ", "http://www.coreldraw.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Technology",
""));
dhtmlMenu.addItem(new NavBarMenuItem("News.com",
"http://www.news.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Techweb",
"http://www.techweb.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Search
Engine ", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Yahoo",
"http://www.yahoo.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista",
"http://www.altavista.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Infoseek",
"http://www.infoseek.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Siamguru",
"http://www.siamguru.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Google",
"http://www.google.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Portal
Web ", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Sanook",
"http://www.sanook.com"));
dhtmlMenu.addItem(new NavBarMenuItem("MWeb",
"http://www.mweb.co.th"));
dhtmlMenu.addItem(new NavBarMenuItem("Hunsa",
"http://www.hunsa.com"));
myNavBar1.addMenu(dhtmlMenu);
//ปรับแต่งสีของเมนู
myNavBar1.setColors("#000000", "#000000",
"#C0C0C0", "#ffffff", "#666666",
"#000000", "#cccccc", "#ffffff",
"#000080")
//กำหนดตำแหน่งของเมนูว่าให้อยู่ตรงกลางซ้ายหรือขวา
(ถ้าต้องการใช้งานคำสั่งนี้ให้นำเครื่องหมาย Comment
// ของบรรทัดข้างล่างนี้ออก)
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account
for scrollbar width in Netscape.
fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight()
? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
//กำหนดตำแหน่งของเมนูว่าให้อยู่เลื่อนลงมาจากเมนูหลักกี่พิกเซล(ถ้าต้องการใช้งานคำสั่งนี้ให้นำเครื่องหมาย
Comment // ของบรรทัดข้างล่างนี้ออก)
//myNavBar1.moveTo(0, 50);
}
</script>
นำ Code นี้ไปไว้ในส่วนของ Tag Body <body
onload="init()">
Copy
ไฟล์ menubar.js ไปไว้ที่เดียวกันกับไฟล์
HTML ของท่าน (วิธีการเซฟไฟล์ menubar.js ให้คลิกขวาที่ชื่อไฟล์
แล้วเลือก Save target As)

|