jquery 简单图片导航插件jquery.imgNav.js-Web前端之家

熟悉jquery的家伙大概花个5到10分钟就可以搞定了吧。由于这种导
航效果比较通用,LEVIN顺手写了个 jquery插件~
如果你的网站也需要类似的效果,大可拿去直接用或者扩展下:)
如果你也想尝试将某些可重用功能封
装成jquery插件,别忘了看看一般的jquery插件开发过程,另外还有偶的一个jquery插件模板。
复制代码 代码如下: ; { // Private
functions. var p = {}; p.showC = function { ///show content of a
specified navigation p._clist.hide.show(); }; //showNav p.onNav =
function; p._alist.removeClass; p._i.addClass; p.showC({
filter:p._i.attr; return false; }; //onClick //main plugin body
$.fn.imgNav = function { // Set the options. options = $.extend({},
$.fn.imgNav.defaults, options); p._opts = options; // Go through the
matched elements and return the jQuery object. return this.each {
p._alist = $; p._clist = $; p._alist.click; }; // Public defaults.
$.fn.imgNav.defaults = { on: ‘on’, off: ‘off’, navc: ‘.navc’//nav
content selector }; });

发表评论

电子邮件地址不会被公开。 必填项已用*标注