一个很Cool的JS菜单效果
2018-10-12 14:03
417 查看
代码封装完成啦
在这里谢谢大家对我的支持!
偶参照一些Flash站点的菜单,
用javascript仿了一个,效果还是挺Cool的.
简单地写一个使用说明:
第一步:实体化X-Menu类
用法:
var <实体变量>.new CoolMenuControl()
第二步:建立菜单项目---
用法:
<实体变量>.insertmenu(类型,Html代码,链接网址,目标)
类型:0代表菜单标题,1代表树型菜单子项目,2代表横向菜单子项目
Html代码:显示在菜单上的Html代码
链接网址:不用多说了,网址或Javascript脚本
目标:默认为空,既不在本页打开;"_blank"代表在新的页面打开
例如:
CoolMenu2.insertmenu("2","<img src=http://www.blueidea.com/img/icon/arrow.gif> 新浪网","http://www.sina.com.cn/","_blank")
第三步:建立菜单---
用法:
<实体变量>.init(实体变量名,边框颜色,背景颜色,滑动速度,背景半透明度)
'实体变量名'必须与<实体变量>相同
如果背景颜色="transparent"既为完全透明
例如:
CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)
在这里谢谢大家对我的支持!
偶参照一些Flash站点的菜单,
用javascript仿了一个,效果还是挺Cool的.
简单地写一个使用说明:
第一步:实体化X-Menu类
用法:
var <实体变量>.new CoolMenuControl()
第二步:建立菜单项目---
用法:
<实体变量>.insertmenu(类型,Html代码,链接网址,目标)
类型:0代表菜单标题,1代表树型菜单子项目,2代表横向菜单子项目
Html代码:显示在菜单上的Html代码
链接网址:不用多说了,网址或Javascript脚本
目标:默认为空,既不在本页打开;"_blank"代表在新的页面打开
例如:
CoolMenu2.insertmenu("2","<img src=http://www.blueidea.com/img/icon/arrow.gif> 新浪网","http://www.sina.com.cn/","_blank")
第三步:建立菜单---
用法:
<实体变量>.init(实体变量名,边框颜色,背景颜色,滑动速度,背景半透明度)
'实体变量名'必须与<实体变量>相同
如果背景颜色="transparent"既为完全透明
例如:
CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)
.b{color=#000066;cursor:hand} .menu { font-family:Arial; cursor:Default; font-size:12px; border:1px #000000 solid; border-collapse: collapse; filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#dddddd) progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cccccc,strength=3); } .ht{ font-weight:bold }
相关文章推荐
- 一个很Cool的JS菜单效果
- 一个很Cool的JS菜单效果
- 一个很Cool的JS菜单效果
- 一个很Cool的JS菜单效果(类似flash)
- 一个简单的JS菜单,带效果截图
- 用JS实现一个TreeMenu树形菜单效果
- 用ReactJs写一个简单的手风琴菜单效果
- js实现类似菜单风格的TAB选项卡效果代码
- js显示隐藏效果,其中注意了一个事件的应用
- JS实现超简单的仿QQ折叠菜单效果
- 一个很漂亮的js菜单
- 一个用 CSS3 样式加上 JS 实现了 alert 和 confirm的效果
- 一个qq菜单效果
- 用Vue.js递归组件构建一个可折叠的树形菜单
- JS实现鼠标滑过折叠与展开菜单效果代码
- 用js写一个图片渐变切换效果
- js实现带缓冲效果的仿QQ面板折叠菜单代码
- [效果]JS折叠菜单-使用方法
- 一个不错的弹出窗口的js效果(值的收藏)
- JS实现的左侧竖向滑动菜单效果代码