浏览
| 提交新的代码片段
| 创建代码包
顶部实用导航菜单
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
页面顶部的导航菜单条,有二级菜单,特定场合使用 来源:http://www.baron.com.cn
|
该代码片段的版本系列:
片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
4767 | 1.0 | 2003-10-24 03:56 | cbd001 | |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
脚本说明:
把如下代码加入<body>区域中
<body>
<SCRIPT language=JavaScript>
timegap=500
followspeed=5
followrate=40
suboffset_top=10;
suboffset_left=10; //这部分没时间翻译,有什么问题就到我的论坛来问吧^_^ http://0755i.com/fourm/
effect = "fade(duration=0.3);Shadow(color='#777777', Direction=135, Strength=5)"
prop1=[ // prop1 is an array of properties you can have as many property arrays as you need
"FFFFFF", // Off Font Color
"6699cc", // Off Back Color
"003162", // On Font Color
"99CCFF", // On Back Color
"003162", // Border Color
11, // Font Size
"normal", // Font Style
"bold", // Font Weight
"helvetica, arial", // Font
3, // Padding
"arrow.gif", // Sub Menu Image
0, // 3D Border & Separator
"66ffff", // 3D High Color
"000099", // 3D Low Color
"FFFFFF", // Referer item Font Color (leave this blank to disable)
"336699", // Referer item Back Color (leave this blank to disable)
]
menu1=[ // This is the array that contains your menu properties and details
0, // Top
0, // left
112, // Width
1, // Border Width
"center", // Screen Position - here you can use "center;left;right"
prop1, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time
"center", // Alignment - sets the menu elements alignment, HTML values are valid here for example: left, right or center
, // Filter - Text variable for setting transitional effects on menu activation
, // Follow Scrolling - Tells the menu item to follow the user down the screen
1, // Horizontal Menu - Tells the menu to be horizontal instead of top to bottom style
, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page
, // Position of sub image left:center:right:middle:top:bottom
, // Show an image on top menu bars indicating a sub menu exists below
, // Reserved for future use
"页元素首页","/index.asp target=_blank",,"状态栏提示文字",1,// "主栏目名称", "链接", "Alternate URL", "状态栏提示文字", "Separator Bar"
"酷站推荐","show-menu2","/web.asp","酷站推荐栏目的介绍",1,
"主栏目二","show-menu3","/index.asp","主栏目一状态栏提示文字",1,
"主栏目三","show-menu4","/index.asp","主栏目一状态栏提示文字",1,
"主栏目四","show-menu5","/index.asp","主栏目一状态栏提示文字",1,
"主栏目五","show-menu6","/index.asp","主栏目一状态栏提示文字",1,
"元素论坛","/forum target=_blank",,"欢迎到我的论坛",1
]
menu2=[
,,112,1,"",prop1,,"left",effect,,,,,,,
" · 网友自荐","/web.asp?style=submit target=_blank",,"提示文字1",1, //以下的"提示"都是指状态栏的提示文字
" · 个性酷站","/web.asp?style=personal",,"提示文字2",1, //请根据你定义的表格大小和栏目长度适当的增减空格
" · 设计酷站","/web.asp?style=design",,"提示文字3",1,
" · 联盟组织","/web.asp?style=org",,"提示文字4",1,
" · 素材精品","/web.asp?style=gallery",,"提示文字5",1,
" · 其他酷站","/web.asp?style=others",,"提示文字6",1
]
menu3=[
,,112,1,"",prop1,,"left",effect,,,,,,,
" · 二子栏目1","javascript:window.open('/index.asp');this.releaseEvents;",,"onclick",1,
" · 二子栏目2","show-menu8",,"提示文字",1, //注意这里包含了二级子栏目,写法有所不同
" · 二子栏目3","show-menu9",,"提示文字",1, //如果还有什么不明白的地方
" · 二子栏目4","show-menu10",,"提示文字",1, //可以到我的论坛 http://0755i.com/forum
" · 二子栏目5","/index.asp",,"提示文字",1 //欢迎大家来提问
]
menu4=[
,,112,1,"",prop1,,"left",effect,,,,,,,
" · 三子栏目1","/index1.asp",,"提示文字",1,
" · 三子栏目2","/index.asp",,"提示文字",1,
" · 三子栏目3","/index.asp",,"提示文字",1,
" · 三子栏目4","/index.asp",,"提示文字",1,
" · 三子栏目5","/index.asp",,"提示文字",1
]
menu5=[
,,112,1,"",prop1,,"left",effect,,,,,,,
" · 四子栏目1","/index.asp",,"提示文字",1,
" · 四子栏目2","/index.asp",,"提示文字",1,
" · 四子栏目3","/index.asp",,"提示文字",1,
" · 四子栏目4","/index.asp",,"提示文字",1,
" · 四子栏目5","/index.asp",,"提示文字",1
]
menu6=[
,,112,1,"",prop1,,"left",effect,,,,,,,
" · 五子栏目1","/index.asp",,"提示文字",1,
" · 五子栏目2","/index.asp",,"提示文字",1,
" · 五子栏目3","/index.asp",,"提示文字",1,
" · 五子栏目4","/index.asp",,"提示文字",1,
" · 五子栏目5","/index.asp",,"提示文字",1
]
menu7=[
,,112,1,"",prop1,,"left",effect,,,,,,,
" · 六子栏目1","/index.asp",,"提示文字",1,
" · 六子栏目2","/index.asp",,"提示文字",1,
" · 六子栏目3","/index.asp",,"提示文字",1,
" · 六子栏目4","/index.asp",,"提示文字",1,
" · 六子栏目5","/index.asp",,"提示文字",1
]
menu8=[ //请看menu3中有个二级子栏目的"show-menu8"就是在这里了
,,90,1,"",prop1,,"left",effect,,,,,,,
" · 二--2--1","/index.asp",,"提示文字",1,
" · 二--2--2","/index.asp",,"提示文字",1,
" · 二--2--3","/index.asp",,"提示文字",1,
" · 二--2--4","/index.asp",,"提示文字",1
]
menu9=[
,,90,1,"",prop1,,"left",effect,,,,,,,
" · 二--3--1","/index.asp",,"提示文字",1,
" · 二--3--2","/index.asp",,"提示文字",1
]
menu10=[
,,90,1,"",prop1,,"left",effect,,,,,,,
" · 二--4--1","/index.asp",,"提示文字",1,
" · 二--4--2","/index.asp",,"提示文字",1 //好了,终于写完了如果还不明白就到论坛来问吧, http://www.0755i.com/fourm/
]
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function stopError() {
return true;
}
window.onerror = stopError;
// -->
</SCRIPT>
<SCRIPT language=Javascript src="mmenu.js"></SCRIPT>
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来.