菜鸟教程之用分类法实现连连看游戏（创建要用到的属性及方法）

var button = document.createElement("input"); //创建button对象，添加到悬浮窗口

button.setAttribute("type","button"); //设置元素的属性，并设置特定的值

button.style.width = this.width "px";

button.style.height = this.height "px";

button.style.position = "absolute"; //设置元素位置的属性为绝对定位

button.style.left = this.x "px";

button.style.top = this.y "px";

this.GetRow=function()

{

return this.row;

}

this.GetCol=function()

{

return this.col;

}

/*

* 添加到父对象,添加到网页上

* _parent:父对象名字

*/

this.addToParent = function(_parent)

{

if(typeof(_parent)!="undefined")

{

this.parent = _parent;

}

else

{

this.parent = document.body;

}

this.parent.appendChild(button);

}

this.removeToParent=function(){

this.parent.removeChild(button);

}

/*

* 设置背景颜色

* _color:要设置的颜色

*/

this.setBackgroundColor = function(_color)

{

if(typeof(_color)=="undefined")return;

button.style.backgroundColor = _color;

}

/*

* 设置按钮的宽度

* __width:要设置的宽度

*/

this.setWidth = function(__width)

{

this.width = __width;

button.style.width = __width "px";

}

/*

* 设置按钮的高度

* __width:要设置的高度

*/

this.setHeight = function(__height)

{

this.height = __height;

button.style.height = __height "px";

}

/*

* 设置按钮的x值

* __x:要设置的x值

*/

this.setX = function(__x)

{

this.x = __x;

button.style.left = __x "px";

}

/*

* 设置按钮的y值

* __width:要设置的y值

*/

this.setY = function(__y)

{

this.y = __y;

button.style.top = __y "px";

}

/*

* 设置按钮的点击事件，当用鼠标点击按钮的时候，要执行的一个函数

* func:要执行的函数，外部传入进来的函数

*/

this.setClick = function(func)

{

var t=this;

button.onclick = function()

{

func(t);

}

}

/*

* 移除当前按钮的点击事件

*/

this.removeClick = function()

{

button.onclick = null;

}

/*

* 设置当前按按钮是否为激活状态

* f:true时，为激活状态，表示可以用,默认为激活状态

* false时，不可用

*/

this.setAction = function(f)

{

if(f==true)

button.removeAttribute("disabled");

else

button.setAttribute("disabled",f);

}

/*

* 按钮显示或不显示

* f:false时 显示,默认为显示

* true时 不显示

*/

this.setHide = function(f)

{

if(f==true)

{

button.style.display = "none";

}

else

{

button.style.display = "block";

}

}

this.getHide=function()

{

return button.style.display;

}

/*

* 设置按钮的边框大小

* _borderSize:为0时,没有边框，默认为1，值越大，边框越粗

*/

this.setBorderSize= function(_borderSize)

{

button.style.borderWidth = _borderSize "px";

}

/*

* 设置按钮的背景图片

* _url:背景图片的路径

*/

this.setBackgroundImage = function(_url)

{

button.style.backgroundImage = "url(" _url ")";

}

this.GetBackgroundImage=function()

{

return button.style.backgroundImage;

}

/*

* 设置按钮上的文字

* __text:要设置的文字

*/

this.setText = function(__text)

{

this.text = __text;

button.setAttribute("value",__text);

}

}

显示框属性、方法设置***************************************

/*

* 创建文本框

* _id:文本框编号

* _text:文本框上的文字

* _x:文本框的x位置

* _y:文本框的y位置

* _width:文本框的宽度

* _height:文本框的高度

*/

function Text(_id,_text,_x,_y,_width,_height)

{

this.id = _id;

this.text = _text;

this.x = typeof(_x)!="undefined"?_x:0;

this.y = typeof(_y)!="undefined"?_y:0;

this.width = typeof(_width)!="undefined"?_width:20;

this.height = typeof(_height)!="undefined"?_height:50;

this.parent = null;

var TT = document.createElement("input");

TT.setAttribute("type","text");

TT.setAttribute("value",_text);

TT.style.width = this.width "px";

TT.style.height = this.height "px";

TT.style.position = "absolute";

TT.style.left = this.x "px";

TT.style.top = this.y "px";

/*

* 添加到父对象

* _parent:父对象名字

*/

this.addToParent = function(_parent)

{

if(typeof(_parent)!="undefined")

{

this.parent = _parent;

}

else

{

this.parent = document.body;

}

this.parent.appendChild(TT);

}

/*

* 设置背景颜色

* _color:要设置的颜色

*/

this.setBackgroundColor = function(_color)

{

if(typeof(_color)=="undefined")return;

TT.style.backgroundColor = _color;

}

/*

* 设置文本框的文字大小

* size:要设置的文字大小

*/

this.setFontSize = function(size)

{

TT.style.fontSize = size "px";

}

/*

* 设置字体颜色

* _color:要设置的颜色

*/

this.setFontColor=function (_color)

{

TT.style.color=_color;

}

/*

* 设置背景图片

* _url:要设置的图片的路径

*/

this.setBackgroundImage = function(_url)

{

TT.style.backgroundImage = "url(" _url ")";

}

/*

* 设置显示内容

* _text:要显示的内容

*/

this.setText = function(__text)

{

this.text = __text;

TT.setAttribute("value",__text);

}

}