作家
登录

一个很Cool的JS菜单效果

作者: 来源:www.28hudong.com 2013-03-30 04:03:25 阅读 我要评论

代码封装完成啦 在这里谢谢大家对我的支持! 偶参照一些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 } .new CoolMenuControl() ---> .insertmenu(类型,Html代码,链接网址,目标)  类型:0代表菜单标题,1代表树型菜单子项目,2代表横向菜单子项目  Html代码:显示在菜单上的Html代码 链接网址:不用多说了,网址或Javascript脚本 目标:默认为空,既不在本页打开;"_blank"代表在新的页面打开  例如: CoolMenu2.insertmenu("2"," 新浪网","http://www.sina.com.cn/","_blank")   --> .init(实体变量名,边框颜色,背景颜色,滑动速度,背景半透明度) '实体变量名'必须与相同 如果背景颜色="transparent"既为完全透明  例如: CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)   --> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  菜单制作学习一个小东西 原创

提示菜单用的东西,我想学习一下,一个小东西,研究一下 大家好啊 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:一个很Cool的JS菜单效果

地址:http://www.17bianji.com/kaifa2/JS/31546.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)