4.round.js

ShopEx网店系统是一款免费的独立网店系统

var Round = {
	roundworld:function(){
		document.getElementsByClassName('round').each(
			function(element){
				Round.execute(element);
			}
		)
	}
	,
	execute:function(element){
		if(!element.getAttribute('rounded')){
			if(corner = element.getAttribute('corner')){
				this.graph.round(element);
			}else{
				this.sample.round(element);
			}
		}
	},
	graph:{
		round:function(element){
			try{
				element.makePositioned();
				cornerArea = element.getAttribute('cornerArea');
				cornerArea=cornerArea?cornerArea:'10';
				thestyle = element.currentStyle?element.currentStyle:element.runtimeStyle;

				bb = parseInt(element.getStyle('border-bottom-width'));
				bt = parseInt(element.getStyle('border-top-width'));
				bl = parseInt(element.getStyle('border-left-width'));
				br = parseInt(element.getStyle('border-right-width'));

				slices=[
						['','left:-'+bl+'px;top:-'+bt+'px;'],
						['-'+cornerArea+'px '+'0px ','right:-'+br+'px;top:-'+bt+'px;',],
						['0px '+'-'+cornerArea+'px ','left:-'+bl+'px;bottom:-'+bb+'px;'],
						['-'+cornerArea+'px '+'-'+cornerArea+'px ','right:-'+br+'px;bottom:-'+bb+'px;']
					]
				slices.each(
						function(slice){

							element.appendChild(Builder.node('div',{style:
							"position: absolute;display:block;overflow:hidden;width:"
							+cornerArea+
							"px;height:"
							+cornerArea+
							"px;z-index:10;background:url("
							+corner+") "+slice[0]+"no-repeat;"+slice[1]
							},[]));
						}
					);
				element.setAttribute('rounded',true);
			}catch(e){this.sample.round(element);}
		}
	},
	sample:{
		round:function(element){
			bgcolor = (element.getStyle('background-color'));
			pbgcolor = '#fff';

			obj=element.parentNode;
			obj.getStyle = element.getStyle;
			while(obj){
				obj.getStyle = element.getStyle;
				if(obj.getStyle('background-color')!='transparent'){
					pbgcolor = obj.getStyle('background-color');
					break;
				}else{
					obj = obj.parentNode;
				}
			}
			
			roundtype = element.getAttribute('round');
			if(roundtype=='top'){
				this.AddTop(element,pbgcolor,bgcolor,15);
			}else if(roundtype=='bottom'){
				this.AddBottom(element,pbgcolor,bgcolor,15);
			}else{
				this.AddTop(element,pbgcolor,bgcolor,15);
				this.AddBottom(element,pbgcolor,bgcolor,15);
			}
			element.setAttribute('rounded',true);
		}
		,
		AddTop:function(el,bk,color,size){
			var i;
			var d=document.createElement("b");
			var cn="r";
			var lim=4;
			if(size && size=="small"){ cn="rs"; lim=2}
			d.className="rtop";
			d.style.backgroundColor=bk;
			for(i=1;i<=lim;i++){
				var x=document.createElement("b");
				x.className=cn + i;
				x.style.backgroundColor=color;
				d.appendChild(x);
				}
			el.insertBefore(d,el.firstChild);
		}
		,
		AddBottom:function(el,bk,color,size){
			var i;
			var d=document.createElement("b");
			var cn="r";
			var lim=4;
			if(size && size=="small"){ cn="rs"; lim=2}
			d.className="rbottom";
			d.style.backgroundColor=bk;
			for(i=lim;i>0;i--){
				var x=document.createElement("b");
				x.className=cn + i;
				x.style.backgroundColor=color;
				d.appendChild(x);
				}
			el.appendChild(d,el.firstChild);
		}
	}

}