一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 综合特效

推荐专题

最新下载

1

命运冠位指定安卓版本
1.07GB 类型： 角色扮演
2

热血少林最新版本
65.06MB 类型： 角色扮演
3

炼仙传说正式版本
320.65MB 类型： 角色扮演
4

上古王冠手游最新版
379.8MB 类型： 角色扮演
5

奥特曼传奇英雄最新版手游
719.3MB 类型： 角色扮演
6

旧版迷你世界
1.09GB 类型： 角色扮演
7

斗罗大陆武魂觉醒手机版
925.9MB 类型： 角色扮演
8

青鸾繁华录安卓版游戏
237.42MB 类型： 角色扮演
9

螺旋圆舞曲安卓
1.94GB 类型： 角色扮演
10

逍遥修真最新版
272.7MB 类型： 角色扮演

热门教程

1

《暗黑破坏神：不朽》新职业Coser今日亮相2024ChinaJoy
时间：2024-08-14 类型： 游戏攻略
2

《物华弥新》闪耀2024CJ 8月新版本福利享不停
时间：2024-08-14 类型： 游戏攻略
3

长安城“导游”招募开启,和兄弟组团共赴大话嘉年华
时间：2024-08-14 类型： 游戏攻略
4

《蛋仔派对》首届蛋仔电影节隆重开幕,播映主题全公开
时间：2024-08-14 类型： 游戏攻略
5

暑期不无聊,《蛋仔派对》和《疯狂动物城》联动重磅上线
时间：2024-08-14 类型： 游戏攻略
6

齐力挖金《一梦江湖》七夕节双人黄金矿工玩法刺激开启
时间：2024-08-14 类型： 游戏攻略
7

《梦幻西游三维版》暑期活动进行中,全新锦衣潮翻三界
时间：2024-08-14 类型： 游戏攻略
8

KK联动虎牙澄海主播邀请赛圆满落幕,高玩云集巅峰会战
时间：2024-08-14 类型： 游戏攻略
9

《阴阳师》全新结界皮肤华夜枫舞即将上线
时间：2024-08-14 类型： 游戏攻略
10

CS2沙二A小假打烟雾弹攻略
时间：2024-08-14 类型： 游戏攻略

全新智能无图片圆角效果

时间：2022-07-02 14:17:04 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<style>
td{font-size:9pt;word-break: break-all}
#corner{font-size:1px}
#tit{color:white;}
#txt{font-size:9pt;line-height:150%;background:white;border-border-style:solid}
.l,.r,.tl,.tr,.bl,.br{}
.t,.b,.tl,.tr,.bl,.br{}
</style>
<table cellpadding=2 cellspacing=0>
<tr><td>
<table id=corner class=black cellpadding=0 cellspacing=0 width=400>
<tr>
<td class=tl><a id=corner class=tl></a></td>
<td class=t><a id=corner class=t></a></td>
<td class=tr><a id=corner class=tr></a></td>
</tr>
<tr>
<td class=l><a id=corner class=l></a></td>
<td>
<table id=box cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>逍遥狼无图片智能圆角</b>
</td></tr>
<tr corner_style="display:"><td id=txt>
特点：<br>
1：只需一个js即可设定圆角样式，本身自带6种样式，只需要在需要圆角的地方用"class=样式"定义即可；<Br>
2：重复圆角不需要重复设置，只需要在需要圆角的地方用"id=corner"定义即可；<Br>
3：兼容性好。<Br>
</td></tr></table>
</td>
<td class=r><a id=corner class=r></a></td>
</tr>
<tr>
<td class=bl><a id=corner class=bl></a></td>
<td class=b><a id=corner class=b></a></td>
<td class=br><a id=corner class=br></a></td>
</tr>
</table>
</td></tr><tr><td>
<table id=corner class=blue cellpadding=0 cellspacing=0 width=400>
<tr>
<td class=tl><a id=corner class=tl></a></td>
<td class=t><a id=corner class=t></a></td>
<td class=tr><a id=corner class=tr></a></td>
</tr>
<tr>
<td class=l><a id=corner class=l></a></td>
<td>
<table id=box cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>逍遥狼无图片智能圆角</b>
</td></tr>
<tr corner_style="display:"><td id=txt>
特点：<br>
1：只需一个js即可设定圆角样式，本身自带6种样式，只需要在需要圆角的地方用"class=样式"定义即可；<Br>
2：重复圆角不需要重复设置，只需要在需要圆角的地方用"id=corner"定义即可；<Br>
3：兼容性好。<Br>
</td></tr></table>
</td>
<td class=r><a id=corner class=r></a></td>
</tr>
<tr>
<td class=bl><a id=corner class=bl></a></td>
<td class=b><a id=corner class=b></a></td>
<td class=br><a id=corner class=br></a></td>
</tr>
</table>
</td></tr><tr><td>
<table id=corner class=red cellpadding=0 cellspacing=0 width=400>
<tr>
<td class=tl><a id=corner class=tl></a></td>
<td class=t><a id=corner class=t></a></td>
<td class=tr><a id=corner class=tr></a></td>
</tr>
<tr>
<td class=l><a id=corner class=l></a></td>
<td>
<table id=box cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>逍遥狼无图片智能圆角</b>
</td></tr>
<tr corner_style="display:"><td id=txt>
特点：<br>
1：只需一个js即可设定圆角样式，本身自带6种样式，只需要在需要圆角的地方用"class=样式"定义即可；<Br>
2：重复圆角不需要重复设置，只需要在需要圆角的地方用"id=corner"定义即可；<Br>
3：兼容性好。<Br>
</td></tr></table>
</td>
<td class=r><a id=corner class=r></a></td>
</tr>
<tr>
<td class=bl><a id=corner class=bl></a></td>
<td class=b><a id=corner class=b></a></td>
<td class=br><a id=corner class=br></a></td>
</tr>
</table>
</td></tr><tr><td>
<table id=corner class=green cellpadding=0 cellspacing=0 width=400>
<tr>
<td class=tl><a id=corner class=tl></a></td>
<td class=t><a id=corner class=t></a></td>
<td class=tr><a id=corner class=tr></a></td>
</tr>
<tr>
<td class=l><a id=corner class=l></a></td>
<td>
<table id=box cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>逍遥狼无图片智能圆角</b>
</td></tr>
<tr corner_style="display:"><td id=txt>
特点：<br>
1：只需一个js即可设定圆角样式，本身自带6种样式，只需要在需要圆角的地方用"class=样式"定义即可；<Br>
2：重复圆角不需要重复设置，只需要在需要圆角的地方用"id=corner"定义即可；<Br>
3：兼容性好。<Br>
</td></tr></table>
</td>
<td class=r><a id=corner class=r></a></td>
</tr>
<tr>
<td class=bl><a id=corner class=bl></a></td>
<td class=b><a id=corner class=b></a></td>
<td class=br><a id=corner class=br></a></td>
</tr>
</table>
</td></tr><tr><td>
<table id=corner class=yellow cellpadding=0 cellspacing=0 width=400>
<tr>
<td class=tl><a id=corner class=tl></a></td>
<td class=t><a id=corner class=t></a></td>
<td class=tr><a id=corner class=tr></a></td>
</tr>
<tr>
<td class=l><a id=corner class=l></a></td>
<td>
<table id=box cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>逍遥狼无图片智能圆角</b>
</td></tr>
<tr corner_style="display:"><td id=txt>
特点：<br>
1：只需一个js即可设定圆角样式，本身自带6种样式，只需要在需要圆角的地方用"class=样式"定义即可；<Br>
2：重复圆角不需要重复设置，只需要在需要圆角的地方用"id=corner"定义即可；<Br>
3：兼容性好。<Br>
</td></tr></table>
</td>
<td class=r><a id=corner class=r></a></td>
</tr>
<tr>
<td class=bl><a id=corner class=bl></a></td>
<td class=b><a id=corner class=b></a></td>
<td class=br><a id=corner class=br></a></td>
</tr>
</table>
</td></tr><tr><td>
<table id=corner class=pink cellpadding=0 cellspacing=0 width=400>
<tr>
<td class=tl><a id=corner class=tl></a></td>
<td class=t><a id=corner class=t></a></td>
<td class=tr><a id=corner class=tr></a></td>
</tr>
<tr>
<td class=l><a id=corner class=l></a></td>
<td>
<table id=box cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>逍遥狼无图片智能圆角</b>
</td></tr>
<tr corner_style="display:"><td id=txt>
特点：<br>
1：只需一个js即可设定圆角样式，本身自带6种样式，只需要在需要圆角的地方用"class=样式"定义即可；<Br>
2：重复圆角不需要重复设置，只需要在需要圆角的地方用"id=corner"定义即可；<Br>
3：兼容性好。<Br>
</td></tr></table>
</td>
<td class=r><a id=corner class=r></a></td>
</tr>
<tr>
<td class=bl><a id=corner class=bl></a></td>
<td class=b><a id=corner class=b></a></td>
<td class=br><a id=corner class=br></a></td>
</tr>
</table>
</td></tr></table>
<script>
function setcorner()
{
corner_table=document.all.tags("table")
	for(i=0;i<corner_table.length;i++)
	{
	if(corner_table[i].id=="corner")
{
	mycorner=corner_table[i].getElementsByTagName("A")
		corner_style=corner_table[i].className
		if(corner_style=="black"){bo="#666666";bg="#999999"}
		if(corner_style=="blue"){bo="#0000ff";bg="#9999ff"}
		if(corner_style=="red"){bo="#FF3333";bg="#ff9999"}
		if(corner_style=="green"){bo="#009900";bg="#66cc33"}
		if(corner_style=="yellow"){bo="#cc9900";bg="#ff9966"}
		if(corner_style=="pink"){bo="#cc33cc";bg="#ff99ff"}
	corner_box=corner_table[i].getElementsByTagName("TABLE")
	for(ii=0;ii<corner_box.length;ii++)
	{if(corner_box[ii].id=="box"){corner_box=corner_box[ii];break}}
	corner_tit=corner_box.getElementsByTagName("TR")
	for(ii=0;ii<corner_tit.length;ii++)
	{if(corner_tit[ii].id=="tit"){corner_tit=corner_tit[ii];break}}
	corner_tit.style.background=bg
	corner_txt=corner_box.getElementsByTagName("TD")
	for(ii=0;ii<corner_txt.length;ii++)
	{if(corner_txt[ii].id=="txt"){corner_txt=corner_txt[ii];break}}
	corner_txt.style.borderColor=bo
		for(ii=0;ii<mycorner.length;ii++)
		{
		if(mycorner[ii].id=="corner")
		{
		postion=mycorner[ii]
			id=mycorner[ii].className
			if(id=="tl"){w=3,h=3}
			if(id=="tr"){w=3,h=3}
			if(id=="bl"){w=3,h=3}
			if(id=="br"){w=3,h=3}
			if(id=="t"){w=corner_box.offsetWidth,h=3}
			if(id=="b"){w=corner_box.offsetWidth,h=3}
			if(id=="l"){w=3,h=corner_box.offsetHeight}
			if(id=="r"){w=3,h=corner_box.offsetHeight}
		corner_="<td bgcolor=white></td>"
		corner_bo="<td bgcolor="+bo+"></td>"
		corner_bg="<td bgcolor="+bg+"></td>"
		corner_array=[corner_,corner_bo,corner_bg]
			if(id=="t"){col=3;row=1;html_array=[1,2,2]}			//上边
			if(id=="b"){col=3;row=1;html_array=[2,2,1]}			//下边
			if(id=="l"){col=1;row=3;html_array=[1,2,2]}			//左边
			if(id=="r"){col=1;row=3;html_array=[2,2,1]}			//右边
			if(id=="tl"){col=3;row=3;html_array=[0,0,1,0,1,2,1,2,2]}		//左上角
			if(id=="tr"){col=3;row=3;html_array=[1,0,0,2,1,0,2,2,1]}		//右上角
			if(id=="bl"){col=3;row=3;html_array=[1,2,2,0,1,2,0,0,1]}		//左下角
			if(id=="br"){col=3;row=3;html_array=[2,2,1,2,1,0,1,0,0]}		//右下角
		html="<table style="font-size:0" cellpadding=0 cellspacing=0 width="+w+"px height="+h+"px><tr>"
		for(iii=0;iii<html_array.length;iii++)
		{
		html+=corner_array[html_array[iii]]
		if((iii+1)%row==0&&(iii+1)!=html_array.length){html+="</tr><tr>"}
		}
		html+="</tr></table>"
		postion.innerHTML=html
		}
		}
}
	}
}
setcorner()
</script>

提示：您可以先修改部分代码再运行

相关文章

热门栏目