Jquery插件的编写
如下编写一个DOM元素相当于一个小窗口出现在屏幕的某个位置:
$.fn.mywin=function(){ var browserWidth = $(window).width(); var browserHeight = $(window).height(); var scrollLeft = $(window).scrollLeft(); var scrollTop = $(window).scrollTop(); var curwWidth = this.width(); var curwHeight = this.heigth(); var left = scrollLeft +(browserWidth-curwWidth)/2; var top = scrollTop +(browserHeight-curwHeight)/2; this.css("left",left).css("top",top); var curWin = this; this.children(".title").children("img").click(function(){ curWin.hide("slow"); }); return this;//返回当前对象,使得函数可以级联 };
页面调用:
$("#center").mywin().show("slow");
其中function同样可以传入参数,参数可以是js object对象,也可以是function函数:
$.fn.chajianName = function(position,hidefunc){ alert("你好"); return this; }