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

最新推荐文章于 2022-06-14 11:13:41 发布
最新推荐文章于 2022-06-14 11:13:41 发布
阅读量163 收藏 1
点赞数
文章标签： JavaScript J# C C++ C# ViewUI

圆角表格1代码：

<html>
<head>
<title>园角表格</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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="<div style=\"width:" + w + ";height:" + h + ";cursor:default;" + s + "\" οnmοuseοver=\"" + overact + "\" οnmοuseοut=\"" + outact + "\"><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] +"\"";
if(i>=rtN)
{
m=0+(i-rtN);
n=rtM-(i-rtN);
}
else
{
m=0+(rtN-i);
n=rtM-(rtN-i);
}
if(i<rtN&&j<rtN)//检验左上角
{
if(tl)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j<n)
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==0||j==0)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i<rtN&&j>rtN)//检验右上角
{
if(tr)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j<n)
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==0||j==rtM)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i>rtN&&j<rtN)//检验左下角
{
if(bl)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j<n)
{
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<n)
{
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&&j<rtN)||(i==rtN&&j>rtN)||(i<rtN&&j==rtN)||(i>rtN&&j==rtN))
rtHTML+=" bgcolor=\"" + bg + "\"></td>\n";
else
{
if(i<rtN)
rtHTML+=" bgcolor=\"" + tbk + "\"></td>\n";
else
rtHTML+=" bgcolor=\"" + bbk + "\"></td>\n";
}
}
rtHTML+="</tr>\n";
}
rtHTML+="</table></div>";
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>
<style>
<!--
table { font-size:11px;font-family:Tahoma }
input{font-size:11px;font-family:Tahoma;border:0px;background-color:transparent;width:170px;height:15px;color:#4F7900}
-->
</style>
<body topmargin="0" leftmargin="0" scroll=no bgcolor="#FFFFFF"><!--#84CA00-->

<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="center">
<span id="headt" style="color:#247C1B;">You must have administrative access to successfully log into the Eastpower Board Administration CP.<BR>
Please enter your administrator username and password below.</span>
<span style="color: #36B02D" id="middt"><font style="font-size: 13px;"><b>Verification Required</b></font>
<hr noshade color="#36B02D" size="1">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;color: #36B02D" width="362" height="56">
<tr>
<td width="154" height="22">Your Administrator Username:</td>
<td width="202" height="22" id="idname_t"></td>
</tr>
<tr>
<td width="154" height="22">Your Administrator Password:</td>
<td width="202" height="22" id="passwd_t"></td>
</tr>
<tr>
<td width="154" height="19">　</td>
<td width="202" height="19">　</td>
</tr>
</table></span>
<script language="javascript">
// 0背景变色 1标题字色 2外框色 3内框色 4内字色 5外框底色 6上内框底色 7下内框底色
var color=new Array("","#217118","#247C1B","#2F9726","#36B02D","#BCECB7","#E3F7E1","#F2FBF2","#FFFFFF");
//var color=new Array("#52D342","#315100","#426D00","#529200","#6BA600","#A5FF00","#C6FF63","#E7FFBD","#FFFFFF");
tmp="<span style=\"width:380px;height:15px;text-align:left;padding-left:1px;font-size:12px;font-family:helvetica;color:" + color[1] + "\"><b>Welcome to the Eastpower Board Administration CP</b></span><br>"
+rtLoad(3,382,43,true,true,false,false,"left","middle","","",color[3],2,color[6],headt,"","","")
+rtLoad(3,382,110,false,false,false,false,"left","top","","",color[7],2,color[7],middt,"border:1px solid "+color[3]+";border-top:0px;","","")
+"<span style=\"width:71px;height:18px;text-align:left;font-size:12px;font-family:Arial;color:#3169A5;padding-top:3px\">"
+rtLoad(2,59,18,true,true,true,true,"center","middle",color[5],color[5],color[4],0,"","<u>H</u>ome","background-color:"+color[7],"this.style.backgroundColor='"+color[8]+"';","this.style.backgroundColor='"+color[7]+"';")
+"</span>"
+"<span style=\"width:238px;height:18px;text-align:right;font-size:12px;font-family:Arial;color:#3169A5;padding-top:3px\">"
+rtLoad(2,59,18,true,true,true,true,"center","middle",color[5],color[5],color[4],0,"","<u>O</u>k","background-color:"+color[7],"this.style.backgroundColor='"+color[8]+"';","this.style.backgroundColor='"+color[7]+"';")
+"</span>"
+"<span style=\"width:71px;height:18px;text-align:right;font-size:12px;font-family:Arial;color:#3169A5;padding-top:3px\">"
+rtLoad(2,59,18,true,true,true,true,"center","middle",color[5],color[5],color[4],0,"","<u>C</u>ancel","background-color:"+color[7],"this.style.backgroundColor='"+color[8]+"';","this.style.backgroundColor='"+color[7]+"';")
+"</span>";
//tmp2=rtLoad(4,400,212,true,true,true,true,"center","middle","","","#A8AAA8",0,"#D6D7D6",tmp,"","","");
response.write(rtLoad(4,400,212,true,true,true,true,"center","middle",color[8],color[8],color[2],0,color[5],tmp,"","",""));
//response.write("<br>"+rtLoad(4,400,212,true,true,true,true,"center","middle","","","#A8AAA8",0,"#DEE7EF",tmp,"","",""));

idname_t.innerHTML=rtLoad(2,190,17,true,true,true,true,"center","middle","","",color[4],0,"","<input type=\"text\" name=\"idname\" size=\"20\">","background-color:"+color[7],"this.style.backgroundColor='"+color[8]+"';","this.style.backgroundColor='"+color[7]+"';");
passwd_t.innerHTML=rtLoad(2,190,17,true,true,true,true,"center","middle","","",color[4],0,"","<input type=\"password\" name=\"passwd\" size=\"20\">","background-color:"+color[7],"this.style.backgroundColor='"+color[8]+"';","this.style.backgroundColor='"+color[7]+"';");
</script></td>
</tr>
</table>
</div>
</body>
</html>


圆角表格2代码：

<html>
<head>
<title>园角表格</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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="<div style=\"width:" + w + ";height:" + h + ";cursor:default;" + s + "\" οnmοuseοver=\"" + overact + "\" οnmοuseοut=\"" + outact + "\"><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] +"\"";
if(i>=rtN)
{
m=0+(i-rtN);
n=rtM-(i-rtN);
}
else
{
m=0+(rtN-i);
n=rtM-(rtN-i);
}
if(i<rtN&&j<rtN)//检验左上角
{
if(tl)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j<n)
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==0||j==0)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i<rtN&&j>rtN)//检验右上角
{
if(tr)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j<n)
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
else
{
if(i==0||j==rtM)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
else
{
rtHTML+=" bgcolor=\"" + bg + "\"";
}
}
}
if(i>rtN&&j<rtN)//检验左下角
{
if(bl)
{
if(j==m||j==n)
{
rtHTML+=" bgcolor=\"" + bd + "\"";
}
if(j>m&&j<n)
{
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<n)
{
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&&j<rtN)||(i==rtN&&j>rtN)||(i<rtN&&j==rtN)||(i>rtN&&j==rtN))
rtHTML+=" bgcolor=\"" + bg + "\"></td>\n";
else
{
if(i<rtN)
rtHTML+=" bgcolor=\"" + tbk + "\"></td>\n";
else
rtHTML+=" bgcolor=\"" + bbk + "\"></td>\n";
}
}
rtHTML+="</tr>\n";
}
rtHTML+="</table></div>";
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>
<style>
<!--
table { font-size:11px;font-family:Tahoma }
input{font-size:11px;font-family:Tahoma;border:0px solid #737173;width:170px;height:15px;color:#ff0000}
-->
</style>
</head>
<body topmargin="0" leftmargin="0" scroll=no bgcolor="#DEE7EF">
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="center">
<span id="headt" style="color:#333333;">You must have administrative access to successfully log into the Eastpower Board Administration CP.<BR>
Please enter your administrator username and password below.</span>
<span style="color: #737173" id="middt"><font style="font-size: 13px;"><b>Verification Required</b></font>
<hr noshade color="#999999" size="1">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;color: #737173" width="362" height="56">
<tr>
<td width="154" height="22">Your Administrator Username:</td>
<td width="202" height="22" id="idname_t"></td>
</tr>
<tr>
<td width="154" height="22">Your Administrator Password:</td>
<td width="202" height="22" id="passwd_t"></td>
</tr>
<tr>
<td width="154" height="19">　</td>
<td width="202" height="19">　</td>
</tr>
</table></span>
<script language="javascript">
tmp="<span style=\"width:380px;height:15px;text-align:left;padding-left:1px;font-size:12px;font-family:helvetica;color:#3169A5\"><b>Welcome to the Eastpower Board Administration CP</b></span><br>"
+rtLoad(3,382,43,true,true,false,false,"left","middle","","","#737173",2,"#FFFFEE",headt,"","","")
+rtLoad(3,382,110,false,false,false,false,"left","top","","","#FFFFFF",2,"#FFFFFF",middt,"border-left:1px solid #737173;border-right:1px solid #737173;border-bottom:1px solid #737173;","","")
+"<span style=\"width:74px;height:18px;text-align:left;font-size:12px;font-family:Arial;color:#3169A5;padding-top:3px\">"
+rtLoad(2,59,18,true,true,true,true,"center","middle","#D6D7D6","#D6D7D6","",0,"#E7E7E7","<u>H</u>ome","background-color:#BFBDBF","this.style.backgroundColor='#737173';","this.style.backgroundColor='#BFBDBF';")
+"</span>"
+"<span style=\"width:238px;height:18px;text-align:right;font-size:12px;font-family:Arial;color:#3169A5;padding-top:3px\">"
+rtLoad(2,59,18,true,true,true,true,"center","middle","#D6D7D6","#D6D7D6","#737173",0,"","<u>O</u>k","background-color:#E7E7E7","this.style.backgroundColor='#FFFFFF';","this.style.backgroundColor='#E7E7E7';")
+"</span>"
+"<span style=\"width:71px;height:18px;text-align:right;font-size:12px;font-family:Arial;color:#3169A5;padding-top:3px\">"
+rtLoad(2,59,18,true,true,true,true,"center","middle","#D6D7D6","#D6D7D6","#737173",0,"","<u>C</u>ancel","background-color:#E7E7E7","this.style.backgroundColor='#FFFFFF';","this.style.backgroundColor='#E7E7E7';")
+"</span>";
//tmp2=rtLoad(4,400,212,true,true,true,true,"center","middle","","","#A8AAA8",0,"#D6D7D6",tmp,"","","");
response.write(rtLoad(4,400,212,true,true,true,true,"center","middle","","","#A8AAA8",0,"#D6D7D6",tmp,"","",""));
//response.write("<br>"+rtLoad(4,400,212,true,true,true,true,"center","middle","","","#A8AAA8",0,"#DEE7EF",tmp,"","",""));

idname_t.innerHTML=rtLoad(2,190,17,true,true,true,true,"center","middle","","","#D6D7D6",0,"","<input type=\"text\" name=\"idname\" size=\"20\">","","","");
passwd_t.innerHTML=rtLoad(2,190,17,true,true,true,true,"center","middle","","","#D6D7D6",0,"","<input type=\"password\" name=\"passwd\" size=\"20\">","","","");

//tt=rtLoad(1,17,17,true,true,true,true,"center","middle","","","#A5C3FF",0,"#A5C3FF","","","","");
//response.write("<br>"+rtLoad(2,21,21,true,true,true,true,"center","middle","","","#FFFFFF",0,"#2971FF",tt,"","",""));
</script></td>
</tr>
</table>
</div>
</body>
</html>

happmaoo
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
圆角表格代码
11-27
<TABLE fixed" height=28 cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR height=3 width="100%"> <TD> <TABLE fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR height=1> <TD width=1></TD> <TD width=1></TD> <TD width=1></TD> <TD bgColor=#908a47></TD> <TD width=1></TD> <TD width=1></TD> <TD width=1></TD> </TR> <TR height=1> <TD></TD> <TD bgColor=#908a47 colSpan=2></TD> <TD bgColor=#f7f8f9></TD> <TD bgColor=#908a47 colSpan=2></TD> <TD></TD> </TR> <TR height=1> <TD></TD> <TD bgColor=#908a47></TD> <TD bgColor=#f7f8f9 colSpan=3></TD> <TD bgColor=#908a47></TD> <TD></TD> </TR> </TBODY> </TABLE></TD> </TR> <TR> <TD> <TABLE fixed" height="100%" cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD width=1 bgColor=#908a47></TD> <TD id=oINNER bgColor=#f7f8f9>  </TD> <TD width=1 bgColor=#908a47></TD> </TR> </TBODY> </TABLE></TD> </TR> <TR height=3 width="100%"> <TD> <TABLE fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR height=1> <TD width=1></TD> <TD width=1 bgColor=#908a47></TD> <TD width=1 bgColor=#f7f8f9></TD> <TD bgColor=#f7f8f9></TD> <TD width=1 bgColor=#f7f8f9></TD> <TD width=1 bgColor=#908a47></TD> <TD width=1></TD> </TR> <TR height=1> <TD></TD> <TD bgColor=#908a47 colSpan=2></TD> <TD bgColor=#f7f8f9></TD> <TD bgColor=#908a47 colSpan=2></TD> <TD></TD> </TR> <TR height=1> <TD colSpan=3></TD> <TD bgColor=#908a47></TD> <TD colSpan=3></TD> </TR> </TBODY> </TABLE></TD> </TR> </TBODY> </TABLE>
表格美化-圆角表格 源代码
02-05
1.样式一 圆角表格代码如下： <TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="45%" border=0> <TBODY>
div css圆角代码各种圆角表格_圆角边框css圆角
11-11
div css圆角代码各种圆角表格_圆角边框css圆角
最简单圆角表格的HTML代码写法
weixin_30496431的博客
02-12 186
1<fieldsetstyle=width=100%>2<legend>gucs</legend>3Techweb.com.cn4</fieldset>在techweb论坛看到了最简单圆角表格的HTML代码写法，可在FireFox下不能实现圆角效果，于是翻了一下MSDN。FIELDSET ElementDraws a box around ...
圆角表格
07-27
标题中的“圆角表格”指的是在网页或应用中使用CSS样式来实现表格边框具有圆润效果的技术。这种设计可以使用户界面看起来更加现代、...以上是对圆角表格实现的一些常见知识点，具体实现方法需参考原文档或自行实践。
圆角表格的实现
05-14
在这个"圆角表格的实现"的示例中，我们将探讨如何在ASP.NET环境中，利用JavaScript在VS2005中创建圆角表格。 首先，我们需要理解圆角表格的基本原理。在HTML中，表格是由`<table>`、`<tr>`（行）、`<td>`（单元格）...
无图片的圆角表格.rar
07-05
"无图片的圆角表格"是一个典型的实例，展示了如何利用JavaScript（JS）特效来增强HTML表格的视觉效果，使其看起来更加现代和专业，同时不依赖于图片资源。这种技术可以提高页面加载速度，降低服务器负担，并且在不同...
js用户反馈表格步骤向导代码
04-25
在JavaScript的世界里，创建用户友好的交互体验...它利用JavaScript来驱动用户交互，创建一个分步骤的反馈流程，同时通过CSS3增强视觉体验。这个代码实例对于学习如何构建高效、美观的用户反馈系统具有很高的参考价值。
使表格边框变圆角的技术
10-14
总的来说，实现“使表格边框变圆角的技术”主要依靠CSS3的`border-radius`属性，而在不支持CSS3的浏览器中，可以利用JavaScript库如jQuery Corner等来实现兼容性。不过，随着现代浏览器的普及，CSS3方法已成为主流且...
js实现圆角
09-03
js实现圆角，可以实现多种浏览器兼容。。js实现圆角，可以实现多种浏览器兼容。
用CSS样式定义的圆角表格
04-07
网页特效用CSS样式定义的圆角表格......................
js圆角代码
12-28
代码，如果虽要去看看吧！希望你们能喜欢。
JS控制DIV圆角代码
04-26
JS CSS 圆角，JS控制DIV圆角代码
使用CSS/JS实现表格圆角
alvino的专栏
06-30 987
http://www.webreference.com/programming/css_borders/examples/krazy.htmttp://www.html.it/articoli/niftycube/index.html 
html制作招聘表格代码,Html+Css做圆角表格和制作圆角表格(Table)的完整代码
weixin_39827905的博客
05-30 272
css圆角效果div.RoundedCorner{background: #9BD1FA}b.rtop, b.rbottom{display:block;background: #FFF}b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}b.r1{margin: 0 5px}b...
html表格做成圆,制作圆角表格(Table)的完整代码
weixin_31029019的博客
05-30 670
制作圆角表格(Table)的完整代码(2006-11-10 09:54:17)>body{background-color: #FFF;}div#nifty1{ margin: 0 10px;background: #9BD1FA;}div#nifty2{ margin: 0 10px;background: #9BD1FA;}div#nifty3{ margin: 0 10px;backg...
实现圆角表格table
海胆的博客
06-23 157
:root { --border-width: .04rem; } table { border: var(--border-width) solid black; border-collapse: collapse; border-radius: .15rem;/*圆角*/ } td, th { border-right: var(--border-width) solid black; } td { border-top: var(--border-width
table表格设置圆角
业余前端的职业经历
06-14 4001
表格设置圆角
javascript 拖动表格行实现代码.docx
01-13
在JavaScript中，实现表格行的拖动功能通常涉及到事件监听（如`mousedown`, `mousemove`, 和 `mouseup`），以及DOM操作来动态交换行的位置。作者首先提到一种常见的做法，即通过计算每行的Y坐标范围，判断鼠标位置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值