首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css+jQuery-超酷火焰灯成效导航菜单

2012-10-07 
css+jQuery-超酷火焰灯效果导航菜单?效果描述为:当鼠标经过某一导航选项的时候,后面的背景图片(上图“圣诞

css+jQuery-超酷火焰灯效果导航菜单



?效果描述为:当鼠标经过某一导航选项的时候,后面的背景图片(上图“圣诞节”后圆角背景)会弹性缓动到该导航选项,如果没有发生单击动作,鼠标移开后,背景图又回到原来的位置。

?

先看看演示吧:

css+jQuery-超酷火焰灯成效导航菜单

?

使用说明:
1、需要链接的文件
需要调用的文件有:jQuery库(1.2以上版本),jQuery缓动插件(jquery.easing.min.js),火焰灯效果插件(jquery.lavalamp.min.js)以及一个ul li列表的样式文件。

?


css+jQuery-超酷火焰灯成效导航菜单
?

?

?

2、HTML代码的写法
从jQuery代码来看,HTML只支持li列表,无序或有序列表(ol 或 ul)。例如下面的示例:

?

热点排行