stm31.js使用详解(网页魔法菜单)

简介: 网页魔法菜单,其应与stm31.js文件相匹配,才能正确显示效果。 stm31.js是下拉菜单调用的函数处理文件。 以下对与stm31.js所对应的\js\classmenu中的js文件给予分析: 参数总说: 凡是函数名后无x的,参数为2个,即(a,[ ] )    ,[ ]为样式总表。

网页魔法菜单,其应与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)

相关文章
|
1月前
|
数据采集 Web App开发 JavaScript
JavaScript爬虫进阶攻略:从网页采集到数据可视化
JavaScript爬虫进阶攻略:从网页采集到数据可视化
|
1月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
|
3月前
|
前端开发 JavaScript
百度搜索:蓝易云【用JavaScript和HTML实现一个精美的计算器网页】
该计算器网页使用HTML定义了页面结构,CSS样式使其具有精美的外观,而JavaScript脚本实现了计算器的逻辑。用户可以通过按钮输入数字和操作符,并通过“=”按钮来进行计算,计算结果会显示在文本框中。
40 6
|
3月前
|
JavaScript 前端开发 算法
JavaScript实现网页关灯效果
JavaScript实现网页关灯效果
25 0
|
4月前
|
前端开发 JavaScript
前端js代码一句话模拟Ctrl+A全选网页内容效果document.execCommand(‘selectAll‘);
前端js代码一句话模拟Ctrl+A全选网页内容效果document.execCommand(‘selectAll‘);
|
1月前
|
数据采集 JSON JavaScript
如何处理动态网页(例如使用 JavaScript 生成的内容)?
如何处理动态网页(例如使用 JavaScript 生成的内容)?
14 0
|
1月前
|
JavaScript 前端开发 UED
JS自动跳转手机移动网页
JS自动跳转手机移动网页
454 0
|
1月前
|
前端开发 JavaScript 开发者
编程笔记 html5&css&js 014 网页布局框架
编程笔记 html5&css&js 014 网页布局框架
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript API
网页开发者必看!5种JS跳转页面技巧,提升用户交互体验
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。