visit our sponsor
Dynamic Html Main Page

การสร้างเมนูบาร์ด้วย Dynamic HTML (ตัวอย่างเมนูอยู่ด้านบนของเวปเพจ)

 


นำ 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)

Top of PageBack to Previous Page

 
visit our sponsor
Learning Photoshop 6.0 Technic