Jquery插件编写 博客分类： JS jquery插件jquery窗口插件

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;
}