当前页面: 开发资料首页 → Javascript 专题 → 利用JavaScript代码实现的圆角表格

利用JavaScript代码实现的圆角表格

摘要: 利用JavaScript代码实现的圆角表格

圆角表格1代码：

<head>
园角表格

<script language="javascript">
function rtLoad(m,w,h,tl,tr,bl,br,lp,tp,tbk,bbk,bd,pd,bg,c,s,overact,outact)
{
var rtHTML=null;
switch(m)
{
case 1:
wt=w-2;ht=h-2;
var rtWArray=new Array(1,wt,1);
var rtHArray=new Array(1,ht,1);
break;
case 2:
wt=w-4;ht=h-4;
var rtWArray=new Array(1,1,wt,1,1);
var rtHArray=new Array(1,1,ht,1,1);
break;
case 3:
wt=w-8;ht=h-8;
var rtWArray=new Array(1,1,2,wt,2,1,1);
var rtHArray=new Array(1,1,2,ht,2,1,1);
break;
case 4:
wt=w-10;ht=h-10;
var rtWArray=new Array(1,1,1,2,wt,2,1,1,1);
var rtHArray=new Array(1,1,1,2,ht,2,1,1,1);
break;
case 5:
wt=w-14;ht=h-14;
var rtWArray=new Array(1,1,1,2,2,wt,2,2,1,1,1);
var rtHArray=new Array(1,1,1,2,2,ht,2,2,1,1,1);
break;
case 6:
wt=w-12;ht=h-12;
var rtWArray=new Array(1,1,1,1,1,1,wt,1,1,1,1,1,1);
var rtHArray=new Array(1,1,1,1,1,1,ht,1,1,1,1,1,1);
break;
default:
wt=w-8;ht=h-8;
var rtWArray=new Array(1,1,2,wt,2,1,1);
var rtHArray=new Array(1,1,2,ht,2,1,1);
break;
}
if(rtWArray&&rtHArray)
{
var rtM=rtWArray.length-rtWArray.length%2;
var rtN=rtM/2;
}

if(rtWArray&&rtHArray&&rtM&&rtN)
{
if(c.outerHTML)
{
c.style.display="";
var cont=c.outerHTML;
c.outerHTML="";
}
else
{
var cont=c;
}
if(!pd)pd="0px";
rtHTML="

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n";
for(i=0;i<=rtM;i++)
{
rtHTML+="<tr>\n";
for(j=0;j<=rtM;j++)
{
rtHTML+="<td width=\"" + rtWArray[j] +"\" height=\"" + rtHArray[i] +"\"";=rtN)
{
m=0+(i-rtN);
n=rtM-(i-rtN);
}
else
{
m=0+(rtN-i);
n=rtM-(rtN-i);
}
if(i {
if(tl)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j {
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==0||j==0)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(irtN)//检验右上角
{
if(tr)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j {
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==0||j==rtM)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i>rtN&&j {
if(bl)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j {
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==rtM||j==0)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i>rtN&&j>rtN)//检验右下角
{
if(br)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j {
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==rtM||j==rtM)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i==rtN&&j==rtN)
rtHTML+=" align=\"" + lp + "\" valign=\"" + tp + "\" bgcolor=\"" + bg + "\" style=\"padding:" + pd + "\">" + cont + "</td>\n";
else if((i==rtN&&j==0)||(i==0&&j==rtN)||(i==rtN&&j==rtM)||(i==rtM&&j==rtN))
rtHTML+=" bgcolor=\"" + bd + "\"></td>\n";
else if((i==rtN&&jrtN)||(irtN&&j==rtN))
rtHTML+=" bgcolor=\"" + bg + "\"></td>\n";
else
{
if(i rtHTML+=" bgcolor=\"" + tbk + "\"></td>\n";
else
rtHTML+=" bgcolor=\"" + bbk + "\"></td>\n";
}
}
rtHTML+="</tr>\n";
}
rtHTML+="</table>

";
return rtHTML;
}
}
var response = {
write : function() { document.write(arguments[0]) }
}
function check_mouse()
{
tn=event.srcElement.tagName;
if(tn!='INPUT'&&tn!='TEXTAREA')
return false;
}
document.onselectstart=new Function("tn=event.srcElement.tagName;if(tn!='INPUT'&&tn!='TEXTAREA')return false;");
</script>