查了一下jq的官方插件编写文档([url=http://docs.jquery.com/Plugins/Authoring]
http://docs.jquery.com/Plugins/Authoring[/url])以及文档中推荐的Mike Alsup写的一篇[url=http://www.learningjquery.com/2007/10/a-plugin-development-pattern]
A Plugin Development Pattern[/url]。英语不是很好,但还是努力看下来(既学习到知识又能练习英语,何乐不为),照猫画虎的写了一个处女作——tabBox。
顾名思义,这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白
[img]http://files.jb51.net/upload/2010-2/20100209134549861.png[/img]
这样功能在网页上是非常肠炎宁个的,不论前台后台。
在这,我首先提供了3个参数用于自定义插件,
[url=http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/]http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/[/url])的插件的做法,他也有个参数用于指定图片文件夹所在的位置。当然还有一种做法,就是想WebUI([url=http://www.jqueryui.com/]http://www.jqueryui.com/[/url])一样,样式写到css文件里,这样图片的引用就是先对与css文件的路径了,而这两个都是插件的组成部分,相对路劲是不变的。所以不用提供这个路径了。只是由于这个插件用到的样式比较少,所以没有采用这个方法。
插件的原理很简单,核心的函数就是一个render(),用于渲染出tab的样式:
[url=http://xiazai.jb51.net/201002/yuanma/tabBox.rar]打包下载[/url]