jQuery右侧边固定层导航菜单依次动画滑动显示菜单展开-20130704

1、效果及功能说明
右侧边固定层导航菜单，鼠标滑过浮动层导航菜单依次动画滑动显示菜单内容展开，鼠标离开后菜单收缩

2、实现原理

展开是通过计算鼠标触及装有a标签的div开始从0号a标签开始展开每个展开是0.2秒每一个之间的 这个效果不轮用户是从上面触及还是从下面触及都是从上面的0号开始展开到最后的
间隔是50*200 每个全部展开的时间是0.3秒

回收也是鼠标只要移动开会从最上面的a标签开始回收到最后

3、效果图

[img]http://dl2.iteye.com/upload/attachment/0086/5345/b6ddeae2-8d6d-3a92-a51f-e43001dcf825.jpg[/img]

4、运行环境

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现


(没有图片)5、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合

6、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来，将保存类型(T)换成(所有文件(*.*))，将html5和解压后的图片文件夹放在同一个文件夹内效果

7、代码[html5]

	0站长素材
	1书签切换
	2幻灯片
	3图片滚动-左
	4图片滚动-上
	5图片无缝滚动-左
	6图片无缝滚动-上
	7文字滚动-左
	8文字滚动-上
	9文字无缝滚动-左
	10文字无缝滚动-上
	11其它基础效果