回归jQuery插件的开发。

首先是和大家分享如何开发一个带动画效果的按钮。

分为一下几步：

a. 创建一个文件夹，叫做ColorbuttonsSample

b.创建一个button.html。

c.创建css,js和images文件夹。

d.css文件的创建。

e,button.js的创建。

f.图片的添加。

 

1. button.html的创建以及上面几个文件夹的创建：

 

2.button.html中button的html代码和jQuery的添加。

 

这里jquery.color.js你可以在我后面提供的代码中看到。

3.CSS代码：

 

4.button.js代码：

首先是插件的结构：

全部的js代码：

 

代码中主要是有添加css和mose hover的动画两个重要的部分。

 

如何使用这个插件：

 

运行效果：

当鼠标移到button上时颜色会发生渐变。。。

代码：http://files.cnblogs.com/n-pei/source.zip

 

2.很酷的jQuery实现的菜单导航：

http://tympanus.net/Tutorials/FixedNavigationTutorial2/

效果：

我甚至想以后把这个导航功能用到我的开源项目中。。。

试着去把页面保存下来看看它的代码实现。

 

3.地铁路线图的jquery实现

http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/

 

 

有时间，试着把北京的地铁使用它来画出来。。。