jQuery打造动态渐变按钮

作者:mankaiviky 来源:蓝色理想 时间:2010-05-10 20:21:00 

这是写给web设计者和前端开发者的教程,我们将演示如何使用Photoshop创建按钮的sprite图,然后是如何使用jQurey打造动态渐变效果。本教程分为以下四步:

  • Step1 - Photoshop

  • Step2 - HTML/CSS

  • Step3 - JavaScript(jQuery)

  • Step4 - CSS修改

最终结果如下:

您可以点击查看演示,也可以点击下载源代码gcb_download.rar (60.78 KB)

标签:jquery,动态,按钮,渐变
0
投稿

猜你喜欢

  • oracle 存储过程加密的方法

    2009-03-06 10:58:00
  • 5种禁用html页面的缓存方法

    2007-09-30 12:12:00
  • 5个常见的XHTML验证错误

    2010-01-15 20:24:00
  • CSS的渲染效率:书写高效的CSS

    2008-11-13 16:55:00
  • 关于 Web 字体:现状与未来[译]

    2009-11-24 13:50:00
  • 107条javascript(js)常用小技巧

    2007-10-30 12:40:00
  • 设计工作者必须了解的常识

    2008-04-06 13:56:00
  • 登录与注册两者的距离

    2009-01-02 16:48:00
  • 人性化设计用文字注入情感

    2007-08-22 08:59:00
  • 设计稿标注首屏线的确定始末

    2011-03-30 12:36:00
  • ASP初学者学习ASP指令

    2008-10-14 17:27:00
  • IE与Firefox的CSS兼容大全

    2008-01-31 15:36:00
  • SQL Server中单引号的两种处理技巧

    2008-05-23 13:30:00
  • 利用SQL Server复制技术实现数据同步更新

    2009-10-23 14:11:00
  • 彻底终结浏览器Cache页面的解决方案

    2008-04-21 15:10:00
  • Microsoft VBScript 运行时错误 错误 800a0005 无效的过程调用或参数: chr

    2011-03-09 11:03:00
  • 网页推广设计的几个要点

    2011-01-10 20:41:00
  • 网站导航设计的6大分类

    2010-07-12 18:46:00
  • css网页下拉菜单制作方法(2):初步实现

    2007-02-03 11:39:00
  • Google投放广告的js的分析

    2008-07-15 11:34:00
  • asp之家 网络编程 m.aspxhome.com