第二个用JS写的仿Flash菜单

这是我用Js写的第二个仿Flash菜单的代码。其实,类似的Flash菜单效果已经很长见的了,不过我还是想用Js实现,不过由于本人水平有限,这能做这么多了。



打开演示页面
[biggrin]


[本日志由 puterjam 于 2004-08-15 11:52 PM 编辑]
上一篇: 美商务部官员称:美国可能因盗版问题制裁中国
下一篇: 一年前得了一等奖的作品 《The League Of Flash》
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 16 | 引用: 1 | 查看次数: -
purpletea.cn[2008-11-05 02:53 PM | | | 60.208.193.236 | del | 回复回复]
不错,棒!
蔚蓝[2006-10-12 11:51 AM | | | 125.91.16.21 | del | 回复回复]
有很多看不懂的地方。

javascript 里有  += 运算符号吗?
什么作用?

speed是怎么起效果的?

我想把这个改一个横向MENU
单恋一块铁[2006-04-18 02:34 PM | | | 59.42.176.130 | del | 回复回复]
在firefox和opera上打开仍然是有错误,不能正常运行!显然没有按照WEB标准来编写,兼容几大主流流览器还是很重要的!毕竟IE不是用户的唯一选择
puterjam[2004-08-18 03:52 PM | | | 220.173.45.107 | del | 回复回复]
引用内容 引用内容
最初由 wisely 发表于 2004-08-18 03:50 PM:
想问下,这个页面是否要fso支持?怎么安装?我的是2000的系统!!...

Blog是需要fso支持的
wisely[2004-08-18 03:50 PM | | | 210.53.201.111 | del | 回复回复]
想问下,这个页面是否要fso支持?怎么安装?我的是2000的系统!!!
puterjam[2004-08-18 02:46 PM | | | 220.173.45.107 | del | 回复回复]
这个估计要过一段时间吧,因为很多功能还在编写阶段,还有挺多要修改的地方. 当然,我也不想以后每个版本都只更新那么一点点.这样要是用的人多了,频繁升级也不好.

这只是刚刚开始嘛,如果有什么好的建议大家提出来.[mrgreen]
wisely[2004-08-18 02:24 PM | | | 210.53.201.111 | del | 回复回复]
很喜欢你这样站点的样式和方式,个人觉得好像比破废墟的要好,什么时候能提供整个站点下载的?[frown]
puterjam[2004-08-18 09:42 AM | | | 220.173.45.107 | del | 回复回复]
添加子连接的功能还无法实现.因为JS的一些限制所以实现子连接功能有难度.

加入更多的主栏目有两处地方要加
找到源代码

Menu[0]=new menuText("Home","回到主页")
Menu[1]=new menuText("Download","下载")
Menu[2]=new menuText("Suport","技术支持")
Menu[3]=new menuText("Blog","http://puterjam.vipx.net")
Menu[4]=new menuText("BlueIdea","BlueIdea经典论坛")
Menu[5]=new menuText("Help","这是我第二个用JS写的仿Flash菜单")
Menu[6]=new menuText("P.S.","转载请注明出处:PuterJam's Blog")

这里是定义菜单的标题和说明的。

再找到

<td valign="top" id=DivTD background=#009500>

从这里开始是把菜单显示出来在<TD>里面你可以看到这样的代码

            <a href="http://puterjam.vipx.net"><div class=divcss id="treediv" onmouseover="DivOver(0,this)" onmouseout="DivOut(0,this)"></div></a>
            <a href="javascript:alert('下载')"><div class=divcss id="treediv" onmouseover="DivOver(1,this)" onmouseout="DivOut(1,this)"></div></a>
...

关键在于<div>标签的用法必须是

)"><div class=divcss id="treediv" onmouseover="DivOver(1,this)" onmouseout="DivOut(1,this)"></div>


这里的div数量和上面的menu[0]-menu[n]的数量是一致的,对应的顺序也是一致的。
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱:
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 开启 | [img]标签 关闭