分析一下该菜单效果如下:
1.鼠标经过单元格背景渐变
2.菜单渐变弹出
3.边框有shadow效果
初步考虑:
1和3可以用CSS实现
2则必须有相关js支持。
另存网页,分析代码
实现该菜单效果的关键是js程序
stm31.js(单击下载该程序)
其中页面调用的关键函数是
appendSTMI 菜单项目(相关参数见stm31.js)
函数参数值都很多,详细参数大家可参考js程序的227行
在页面中调用如下代码即可:
按照需要添加菜单单元即可。
源文件过于冗长,我删掉一些,这样大家可能容易发现关键的代码:
http://vip.5d.cn/flood/menu/1.htm小节:效果都包括在一个js程序中,大家只要修改根目录下的fade.gif文件就可以获得不同的渐变效果,我对js也并不精通,希望以上能对你有所帮助 :)