源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery插件 tabBox实现代码

  • 时间:2022-10-01 16:58 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery插件 tabBox实现代码
查了一下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]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部