ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 使用jQuery background-position插件来创建超酷的导航条效果

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

原创 Linux操作系统 作者:jjfat 时间:2012-09-06 13:59:05 0 删除 编辑

日期: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插件来创建超酷的导航条效果

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/8288/viewspace-742797/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2011-10-08

  • 博文量
    317
  • 访问量
    421303