shadow.js

初学者

/*
	Copyright (c) 2004-2006, The Dojo Foundation
	All Rights Reserved.

	Licensed under the Academic Free License version 2.1 or above OR the
	modified BSD license. For more information on Dojo licensing, see:

		http://dojotoolkit.org/community/licensing.shtml
*/



dojo.provide("dojo.lfx.shadow");
dojo.require("dojo.lang.common");
dojo.require("dojo.uri.Uri");
dojo.lfx.shadow = function (node) {
	this.shadowPng = dojo.uri.moduleUri("dojo.html", "images/shadow");
	this.shadowThickness = 8;
	this.shadowOffset = 15;
	this.init(node);
};
dojo.extend(dojo.lfx.shadow, {init:function (node) {
	this.node = node;
	this.pieces = {};
	var x1 = -1 * this.shadowThickness;
	var y0 = this.shadowOffset;
	var y1 = this.shadowOffset + this.shadowThickness;
	this._makePiece("tl", "top", y0, "left", x1);
	this._makePiece("l", "top", y1, "left", x1, "scale");
	this._makePiece("tr", "top", y0, "left", 0);
	this._makePiece("r", "top", y1, "left", 0, "scale");
	this._makePiece("bl", "top", 0, "left", x1);
	this._makePiece("b", "top", 0, "left", 0, "crop");
	this._makePiece("br", "top", 0, "left", 0);
}, _makePiece:function (name, vertAttach, vertCoord, horzAttach, horzCoord, sizing) {
	var img;
	var url = this.shadowPng + name.toUpperCase() + ".png";
	if (dojo.render.html.ie55 || dojo.render.html.ie60) {
		img = dojo.doc().createElement("div");
		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "'" + (sizing ? ", sizingMethod='" + sizing + "'" : "") + ")";
	} else {
		img = dojo.doc().createElement("img");
		img.src = url;
	}
	img.style.position = "absolute";
	img.style[vertAttach] = vertCoord + "px";
	img.style[horzAttach] = horzCoord + "px";
	img.style.width = this.shadowThickness + "px";
	img.style.height = this.shadowThickness + "px";
	this.pieces[name] = img;
	this.node.appendChild(img);
}, size:function (width, height) {
	var sideHeight = height - (this.shadowOffset + this.shadowThickness + 1);
	if (sideHeight < 0) {
		sideHeight = 0;
	}
	if (height < 1) {
		height = 1;
	}
	if (width < 1) {
		width = 1;
	}
	with (this.pieces) {
		l.style.height = sideHeight + "px";
		r.style.height = sideHeight + "px";
		b.style.width = (width - 1) + "px";
		bl.style.top = (height - 1) + "px";
		b.style.top = (height - 1) + "px";
		br.style.top = (height - 1) + "px";
		tr.style.left = (width - 1) + "px";
		r.style.left = (width - 1) + "px";
		br.style.left = (width - 1) + "px";
	}
}});