个元素圆角
实现思路方法
但是那个太复杂了
于是就自己写了个
可以将元素自动圆角 演示地址:http://longbill.cn/down/sample/roundcorner.htm
不要用在有 padding 值得元素上
最好是在外面套层详情见演示地址 代码:
function RoundCorner(obj,style)
{
/********
网页元素圆角
!! 作者: Longbill
主页: www.longbill.cn
********/
var r =
; var styles = [
{top:["0 5px","0 3px","0 2px","0 1px","0 1px"],bottom:["0 1px","0 1px","0 2px","0 3px","0 5px"]},
{top:["0 5px","0 3px","0 2px","0 1px","0 1px"],bottom:["0px","0px","0px","0px","0px"] },
{top:["0 0 0 5px","0 0 0 3px","0 0 0 2px","0 0 0 1px","0 0 0 1px"],bottom:["0 1 0 0px","0 1 0 0px","0 2 0 0px","0 3 0 0px","0 5 0 0px"]},
{top:["0 5 0 0px","0 3 0 0px","0 2 0 0px","0 1 0 0px","0 1 0 0px"],bottom:["0 0 0 1px","0 0 0 1px","0 0 0 2px","0 0 0 3px","0 0 0 5px"]}
]; //author: longbill.cn
(!style || style>styles.length) style = 1; style--;
var btop = styles[style].top,bbottom = styles[style].bottom;
obj = document.getElementById(obj);
(!obj) 
; var HTML = obj.innerHTML;
obj.innerHTML = "";
for(var istop=1;istop>=0;istop--)
{
var topborder = document.createElement("b");
topborder.style.display = "block";
topborder.style.height = "2px";
topborder.style.backgroundColor = (obj.parentNode.style.backgroundColor)?obj.parentNode.style.backgroundColor:"#FFFFFF";
for(var i=0;i<btop.length;i
) {
var b = document.createElement("b");
(obj.style.backgroundColor) b.style.backgroundColor = obj.style.backgroundColor;
(obj.
Name) b.
Name = obj.Name; b.style.display = "block";
b.style.margin = (istop)?btop[i]:bbottom[i];
b.style.height = "1px";
b.style.overflow = "hidden";
b.style.width = "auto";
topborder.appendChild(b);
}
obj.appendChild(topborder);
(istop) obj.innerHTML
HTML; }
}
最新评论