60、顶部实用导航菜单

60、顶部实用导航菜单

脚本说明:

把如下代码加入<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","/ 7stk.com/","酷站推荐栏目的介绍",1,

"主栏目二","show-menu3","/ 7stk.com/","主栏目一状态栏提示文字",1,

"主栏目三","show-menu4","/ 7stk.com/","主栏目一状态栏提示文字",1,

"主栏目四","show-menu5","/ 7stk.com/","主栏目一状态栏提示文字",1,

"主栏目五","show-menu6","/ 7stk.com/","主栏目一状态栏提示文字",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>

 

Write a comment

Comments: 0