首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 操作系统 >

应用jQuery background-position插件来创建超酷的导航条效果

2012-11-25 
使用jQuery background-position插件来创建超酷的导航条效果日期:2012-9-6??来源:GBin1.com在线演示? 本地

使用jQuery background-position插件来创建超酷的导航条效果

日期:2012-9-6??来源:GBin1.com

应用jQuery background-position插件来创建超酷的导航条效果

在线演示? 本地下载

在过去的web开发和设计中,大家往往使用flash来创建炫酷的菜单效果,随着js和web技术的发展,现在大家可以使用简单的javascript代码生成同样漂亮的菜单效果,在今天的这个简单教程中,我们将带领大家使用jQuery的background-position插件来开发漂亮的导航条效果,希望大家喜欢!

相关插件:

jQuery background-position主要思路

在这个特效中,我们使用jQuery的background-position插件来动画背景的位置来达到背景变化的特效。你可以使用正负的背景图片坐标位置来定义动画的过程,注意这里你需要自己创建一个合适的背景图片来加强这种动画效果。这里我们使用如下几张图片:

......

来源:使用jQuery background-position插件来创建超酷的导航条效果

热点排行