您的位置:寻梦网首页编程乐园CSS 初步DHTML动态效果实例
顶部下拉菜单

上一页 返回目录 下一页

名称:

 

实例:

 

 
教程:
1.

<script language="JavaScript" src="navbar.js"></script>
<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript">

/*
Top Navigational Bar II (By Mike Hall @ Brainjar.com)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

// Define navigation bar settings.

navBarX = 0;

navBarHeaderWidth = 115;
navBarMenuWidth = 190;
navBarBorderWidth = 1;
navBarPaddingWidth = 2;

navBarBorderColor = "#000000";
navBarHeaderBgColor = "#999999";
navBarHeaderFgColor = "#000000";
navBarActiveBgColor = "#666666";
navBarActiveFgColor = "#ffffff";
navBarItemBgColor = "#cccccc";
navBarItemFgColor = "#000000";
navBarHighBgColor = "#000080";
navBarHighFgColor = "#ffffff";

navBarHeaderFontFamily = "Verdana,Arial,Helvetica,sans-serif";
navBarHeaderFontStyle = "plain";
navBarHeaderFontWeight = "bold";
navBarHeaderFontSize = "10pt";
navBarItemFontFamily = "Verdana,Arial,Helvetica,sans-serif";
navBarItemFontStyle = "plain";
navBarItemFontWeight = "bold";
navBarItemFontSize = "8pt";

// Define navigation bar menus. Extend beyond 4 as desired

navBarMenus[0] = new Array("Home", "http://dynamicdrive.com");

navBarMenus[1] = new Array(
"News", "",
"CNN", "http://www.cnn.com",
"MSNBC", "http://msnbc.com",
"ABCNews", "http://www.abcnews.com");

navBarMenus[2] = new Array(
"Technology", "",
"News.com", "http://www.news.com",
"TechWeb", "http://www.techweb.com",
"Wired", "http://wired.com");

navBarMenus[3] = new Array(
"Search", "",
"Yahoo", "http://www.yahoo.com",
"AltaVista", "http://www.altavista.com",
"InfoSeek", "http://www.infoseek.com",
"Excite", "http://www.excite.com",
"HotBot", "http://www.hotbot.com");

navBarMenus[4] = new Array(
"Webmaster", "",
"Dynamic Drive", "http://dynamicdrive.com",
"Website Abstraction", "http://wsabstract.com",
"Freewarejava.com", "http://freewarejava.com",
"BrainJar", "http://brainjar.com");

</script>

2.onload="navBarInit()"

说明: navbar.js  dhtmllib.js
上一页 返回目录 下一页