Dạo trước tớ viết 1 cái hàm dùng để tạo bóng đổ và rounded border như thế này :
Code:
Gy.RBAS = function(corners, shadow, obj){
var sStyle='';
var tl=tr=bl=br=5;
var sx=sy=sb=0,sc='#000';
if(Gy.isNumber(corners)){
tl=tr=bl=br=corners;
}
else if(Gy.isArray(corners) && corners.length==4){
tl=corners[0];tr=corners[1];bl=corners[2];br=corners[3];
}
if(shadow && Gy.isBoolean(shadow) && Gy.isTrue(shadow)){
sx=2,sy=4,sb=5,sc='#000';
}
else if(shadow && Gy.isArray(shadow) && shadow.length==4){
sx=shadow[0];sy=shadow[1];sb=shadow[2];sc=shadow[3];
}
if(Gy.userAgent.Webkit){
sStyle+=(tl>0)?'-webkit-border-top-left-radius:'+tl+'px;':'';
sStyle+=(tr>0)?'-webkit-border-top-right-radius:'+tr+'px;':'';
sStyle+=(bl>0)?'-webkit-border-bottom-left-radius:'+bl+'px;':'';
sStyle+=(br>0)?'-webkit-border-bottom-right-radius:'+br+'px;':'';
sStyle+=(!shadow?'':'-webkit-box-shadow:'+sx+'px '+sy+'px '+sb+'px '+sc+';');
}
else if(Gy.userAgent.Gecko){
sStyle+=(tl>0)?'-moz-border-radius-topleft:'+tl+'px;':'';
sStyle+=(tr>0)?'-moz-border-radius-topright:'+tr+'px;':'';
sStyle+=(bl>0)?'-moz-border-radius-bottomleft:'+bl+'px;':'';
sStyle+=(br>0)?'-moz-border-radius-bottomright:'+br+'px;':'';
sStyle+=(!shadow?'':'-moz-box-shadow:'+sx+'px '+sy+'px '+sb+'px '+sc+';');
}
else{
sStyle+=(tl>0)?'border-top-left-radius:'+tl+'px;':'';
sStyle+=(tr>0)?'border-top-right-radius:'+tr+'px;':'';
sStyle+=(bl>0)?'border-bottom-left-radius:'+bl+'px;':'';
sStyle+=(br>0)?'border-bottom-right-radius:'+br+'px;':'';
if(Gy.userAgent.IE){
sStyle+=(!shadow?'':'filter:progid:DXImageTransform.Microsoft.DropShadow(OffX='+sx+', OffY='+sy+', Color="'+sc+'", Positive="true")');
}
else{
sStyle+=(!shadow?'':'box-shadow:'+sx+'px '+sy+'px '+sb+'px '+sc+';');
}
}
if(!obj){
return sStyle;
}
else{
Gy.setStyle(obj, sStyle);
}
};
Hàm này set 1 chuỗi CSS và gán vào thuộc tính style của element. Khi đem dùng thì các thuộc tính trước đó bay mất hết. Chỉ có thể gọi nó trước khi thiết lập các thuộc tính CSS khác. Thế nên tớ nghĩ là nếu cho vào 1 chuỗi rỗng thì tự động các thuộc tính đã gán trước đó không còn tác dụng nữa.
Bookmarks