stm31.js使用详解(网页魔法菜单)
網頁魔法菜單,其應與stm31.js文件相匹配,才能正確顯示效果。
stm31.js是下拉菜單調用的函數處理文件。
以下對與stm31.js所對應的\js\classmenu中的js文件給予分析:
參數總說:
凡是函數名后無x的,參數為2個,即(a,[ ] )??? ,[ ]為樣式總表。a、[ ]為必須參數。
函數名后有x的,參數?個,即(a,b,[ ] )??? ,[ ]為樣式總表。a、b、[ ]為必須參數。
參數說明:a為函數在ai(或aix)的name,相當于一個對象的名字,如vb中的對象名name,目的是方便aix函數引用它的樣式,
b為該函數引用樣式的name,如該函數有獨立樣式,則覆蓋b的樣式。
stm_bm([''uueoehr'',400,'''',''/images/blank.gif'',0,'''','''',0,0,0,0,0,1,0,0]);''菜單效果總設置。
stm_ai,stm_aix,
[] 前的參數見參數總說。
''[]內的說明 文字樣式
''顯示的內容 0 文本 1 html 2 圖片
''文字內容
''鼠標移出時的圖片地址 顯示內容為2時有效
''鼠標懸停時的圖片地址 顯示內容為2時有效
''圖片的寬 顯示內容為2時有效
''圖片的高 顯示內容為2時有效
''圖片的邊框 顯示內容為2時有效
''連接地址
''連接方式 用html代碼
''鼠標懸停時狀態欄顯示的內容 空值為顯示連接地址
''鼠標懸停時探出的提示內容 ""
''鼠標懸停時前面圖標的文件路徑 ""
''鼠標移出時前面圖標的文件路徑 ""
''前面圖標的寬
''前面圖標的高
''前面圖標的邊框
''鼠標懸停時后面圖標的文件路徑 ""
''鼠標移出時后面圖標的文件路徑 ""
''后面圖標的寬
''后面圖標的高
''后面圖標的邊框
''邊框的樣式 1-6 實線 雙線 點線 虛線 菱形凹槽 菱形凸起
''邊框的厚度
''鼠標移出的背景色 顏色
''鼠標移出的文字顏色
''鼠標放置的背景色 顏色
''鼠標放置的文字顏色
''鼠標移出的背景文件路徑
''鼠標懸停的背景文件路徑
''鼠標移出的文字字體以及樣式
''鼠標懸停的文字字體以及樣式
''鼠標移出的文字修飾方式 下劃線 加粗 上劃線 等等
''鼠標懸停的文字修飾方式 同上
stm_bp,stm_bpx,
[] 前的參數見參數總說。
''方括號內的說明
''下級菜單的排列方式 1 豎排 0 橫排
''其他與stm_ai的設置相同
stm_ep();閉合函數,與stm_bp,stm_bpx一一對應。
stm_em(); 相對應stm_bm的閉合函數,總閉合函數,應該在代碼的最后
?
實例:
stm_bm(["menu4588",430,"","/newmenu/img/blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0],this);
stm_bp("p0",[0,4,0,0,0,0,0,0,100,"",-2,"",-2,50,0,0,"#fffff7","transparent","",3,0,0,"#000000"]);
stm_ai("p0i0",[2,"","/newmenu/img/001.gif","/newmenu/img/001-.gif",97,36,0,"/","_self","","","","",0,0,0,"","",0,0,0,0,1,"#fffff7",1,"#b5bed6",1,"","",3,3,0,0,"#fffff7","#000000","#000000","#000000","9pt 宋體","9pt 宋體",0,0]);
stm_aix("p0i1","p0i0",[2,"","/newmenu/img/002.gif","/newmenu/img/002-.gif",97,36,0,"/News/","_self","","","","",0,0,0,"","/newmenu/img/arrow_r.gif"]);
stm_bpx("p1","p0",[0,4,0,0,0,0,0,0,100,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=forward,enabled=0,Duration=0.40)",5,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=reverse,enabled=0,Duration=0.40)",4,70,0,0,"#666666"]);
stm_aix("p1i0","p0i0",[2,"","/newmenu/img/2-1.gif","/newmenu/img/2-1-.gif",97,22,0,"/News/News.asp?ClassID=2"]);
stm_aix("p1i1","p0i0",[2,"","/newmenu/img/2-4.gif","/newmenu/img/2-4-.gif",97,22,0,"/News/News.asp?ClassID=mp3"]);
stm_aix("p1i2","p0i0",[2,"","/newmenu/img/2-5.gif","/newmenu/img/2-5-.gif",97,22,0,"/News/News.asp?ClassID=gps"]);
stm_aix("p1i3","p0i0",[2,"","/newmenu/img/2-3.gif","/newmenu/img/2-3-.gif",97,22,0,"/News/News.asp?ClassID=4"]);
stm_ep();
stm_aix("p0i2","p0i1",[2,"","/newmenu/img/003.gif","/newmenu/img/003-.gif",97,36,0,"/Product/"]);
stm_bpx("p2","p0",[0,4,0,0,0,0,0,0,100,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=forward,enabled=0,Duration=0.40)",5,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=reverse,enabled=0,Duration=0.40)",4,70]);
stm_aix("p2i0","p0i0",[2,"","/newmenu/img/3-1.gif","/newmenu/img/3-1-.gif",97,22,0,"/Product/MP3.asp"]);
stm_aix("p2i1","p0i0",[2,"","/newmenu/img/3-2.gif","/newmenu/img/3-2-.gif",97,22,0,"/Product/MP4.asp"]);
stm_aix("p2i2","p0i0",[2,"","/newmenu/img/3-6.gif","/newmenu/img/3-6-.gif",97,22,0,"/Product/GPS.asp"]);
stm_aix("p2i3","p0i0",[2,"","/newmenu/img/3-3.gif","/newmenu/img/3-3-.gif",97,22,0,"/Product/ProductDownload.asp"]);
stm_aix("p2i4","p0i0",[2,"","/newmenu/img/3-4.gif","/newmenu/img/3-4-.gif",97,22,0,"/bbs/index.asp?boardid=56"]);
stm_aix("p2i5","p0i0",[2,"","/newmenu/img/3-5.gif","/newmenu/img/3-5-.gif",97,22,0,"/Product/Service.asp"]);
stm_ep();
stm_aix("p0i3","p0i1",[2,"","/newmenu/img/004.gif","/newmenu/img/004-.gif",97,36,0,"/Down/"]);
stm_bpx("p3","p2",[]);
stm_aix("p3i0","p0i0",[2,"","/newmenu/img/4-1.gif","/newmenu/img/4-1-.gif",97,22,0,"/Down/"]);
stm_aix("p3i1","p0i0",[2,"","/newmenu/img/4-2.gif","/newmenu/img/4-2-.gif",97,22,0,"/Down/Movie.asp"]);
stm_aix("p3i2","p0i0",[2,"","/newmenu/img/4-3.gif","/newmenu/img/4-3-.gif",97,22,0,"/Down/music.asp"]);
stm_aix("p3i3","p0i0",[2,"","/newmenu/img/4-4.gif","/newmenu/img/4-4-.gif",97,22,0,"/Down/Screen.asp"]);
stm_aix("p3i4","p0i0",[2,"","/newmenu/img/4-5.gif","/newmenu/img/4-5-.gif",97,22,0,"/Down/magazine.asp"]);
stm_aix("p3i5","p0i0",[2,"","/newmenu/img/4-6.gif","/newmenu/img/4-6-.gif",97,22,0,"/Down/ad.asp"]);
stm_ep();
stm_aix("p0i4","p0i0",[2,"","/newmenu/img/005.gif","/newmenu/img/005-.gif",97,36,0,"/bbs/"]);
stm_aix("p0i5","p0i1",[2,"","/newmenu/img/006.gif","/newmenu/img/006-.gif",97,36,0,"/VIP/"]);
stm_bpx("p4","p2",[]);
stm_aix("p4i0","p0i0",[2,"","/newmenu/img/6-1.gif","/newmenu/img/6-1-.gif",97,22,0,"/Vip/Register.asp"]);
stm_aix("p4i1","p4i0",[2,"","/newmenu/img/6-2.gif","/newmenu/img/6-2-.gif",97,22,0,"/Vip/Product.asp"]);
stm_aix("p4i2","p0i0",[2,"","/newmenu/img/6-3.gif","/newmenu/img/6-3-.gif",97,22,0,"/Vip/jfGuiZe.asp"]);
stm_aix("p4i3","p0i0",[2,"","/newmenu/img/6-4.gif","/newmenu/img/6-4-.gif",97,22,0,"/Vip/jfshop.asp"]);
stm_aix("p4i4","p0i0",[2,"","/newmenu/img/6-5.gif","/newmenu/img/6-5-.gif",97,22,0,"/Activities/"]);
stm_ep();
stm_aix("p0i6","p4i4",[2,"","/newmenu/img/007.gif","/newmenu/img/007-.gif",97,36]);
stm_aix("p0i7","p0i0",[2,"","/newmenu/img/008.gif","/newmenu/img/008-.gif",97,36,0,"/Fans/"]);
stm_aix("p0i8","p0i0",[2,"","/newmenu/img/009.gif","/newmenu/img/009-.gif",97,36,0,"/draw/"]);
stm_ep();
stm_em();
文章出處:DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/2008324/106510_2.html)
總結
以上是生活随笔為你收集整理的stm31.js使用详解(网页魔法菜单)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: #舍得Share#Flash Media
- 下一篇: Jackson 框架使用教程,轻易转换J