回归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/
有时间，试着把北京的地铁使用它来画出来。。。
评论