网站素材

本blog专门收集，设计，素材,展示网页创意....

加入收藏订阅网站素材

通用网页圆角窗口效果

<style>
td{font-size:9pt;word-break: break-all}
.corner{font-size:0;}
.corner_bo{background:blue}
.corner_bg{background:#6699ff}
#tit{height:22px;color:white;}
#txt{line-height:150%;background:white;border:1px solid blue}
#tl,#tr,#bl,#br,#corner_tl,#corner_tr,#corner_bl,#corner_br{width:3px;height:3px}
#t,#b,#corner_t,#corner_b{height:3px}
#l,#r,#corner_l,#corner_r{width:3px}
</style>
<script src=corner.js></script>
<table cellpadding=0 cellspacing=0 width=400 align=center>
<tr><td id=tl></td><td id=t></td><td id=tr></td></tr>
<tr><td id=l></td>
<td id=box>
<table cellpadding=3 cellspacing=0 width=100%>
<tr id=tit><td>
<b>圆角效果，网站素材www.2cscs.com</b>
</td></tr>
<tr><td height=200 id=txt>
<Br>
</td></tr></table>
</td>
<td id=r></td>
</tr>
<tr><td id=bl></td><td id=b></td><td id=br></td></tr>
</table>
<script>
function setcorner(id)
{
var html;
if(id=="t")
{
html="<table class=corner id=corner_t cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bo></td></tr><tr><td class=corner_bg></td></tr><tr><td class=corner_bg></td></tr>"
html+="</table>"
}
if(id=="b")
{
html="<table class=corner id=corner_b cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bg></td></tr><tr><td class=corner_bg></td></tr><tr><td class=corner_bo></td></tr>"
html+="</table>"
}
if(id=="l")
{
html="<table class=corner id=corner_l cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bo></td><td class=corner_bg></td><td class=corner_bg></td></tr>"
html+="</table>"
}
if(id=="r")
{
html="<table class=corner id=corner_r cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bg></td><td class=corner_bg></td><td class=corner_bo></td></tr>"
html+="</table>"
}
if(id=="tl")
{
html="<table class=corner id=corner_tl cellpadding=0 cellspacing=0>"
html+="<tr><td bgcolor=white></td><td bgcolor=white></td><td class=corner_bo></td></tr>"
html+="<tr><td bgcolor=white></td><td class=corner_bo></td><td class=corner_bg></td></tr>"
html+="<tr><td class=corner_bo></td><td class=corner_bg></td><td class=corner_bg></td></tr>"
html+="</table>"
}
if(id=="tr")
{
html="<table class=corner id=corner_tr cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bo></td><td bgcolor=white></td><td bgcolor=white></td></tr>"
html+="<tr><td class=corner_bg></td><td class=corner_bo></td><td bgcolor=white></td></tr>"
html+="<tr><td class=corner_bg></td><td class=corner_bg></td><td class=corner_bo></td></tr>"
html+="</table>"
}
if(id=="bl")
{
html="<table class=corner id=corner_bl cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bo></td><td class=corner_bg></td><td class=corner_bg><td class=corner_bg></tr>"
html+="<tr><td bgcolor=white></td><td class=corner_bo></td><td class=corner_bg></td></tr>"
html+="<tr><td bgcolor=white></td><td bgcolor=white></td><td class=corner_bo></td></tr>"
html+="</table>"
}
if(id=="br")
{
html="<table class=corner id=corner_br cellpadding=0 cellspacing=0>"
html+="<tr><td class=corner_bg></td><td class=corner_bg></td><td class=corner_bo></td></tr>"
html+="<tr><td class=corner_bg></td><td class=corner_bo></td><td bgcolor=white></td></tr>"
html+="<tr><td class=corner_bo></td><td bgcolor=white></td><td bgcolor=white></td></tr>"
html+="</table>"
}
eval(id+".innerHTML=html")
}
function corner(border,bgcolor)
{
setcorner("tl")
setcorner("tr")
setcorner("bl")
setcorner("br")
setcorner("t")
setcorner("b")
setcorner("l")
setcorner("r")
corner_t.style.width=box.offsetWidth
corner_b.style.width=box.offsetWidth
corner_l.style.height=box.offsetHeight
corner_r.style.height=box.offsetHeight
box.style.background=bgcolor
}
corner("blue","#6699ff");
</script>
 本代码由<a href=http://www.2cscs.com>菜鸟变站长</a>提供 <textarea style="display:none;"> <style><br/>td{font-size:9pt;word-break: break-all}<br/>.corner{font-size:0;}<br/>.corner_bo{background:blue}<br/>.corner_bg{background:#6699ff}<br/>#tit{height:22px;color:white;}<br/>#txt{line-height:150%;background:white;border:1px solid blue}<br/>#tl,#tr,#bl,#br,#corner_tl,#corner_tr,#corner_bl,#corner_br{width:3px;height:3px}<br/>#t,#b,#corner_t,#corner_b{height:3px}<br/>#l,#r,#corner_l,#corner_r{width:3px}<br/></style><br/><script src=corner.js></script><br/><table cellpadding=0 cellspacing=0 width=400 align=center><br/><tr><td id=tl></td><td id=t></td><td id=tr></td></tr><br/><tr><td id=l></td><br/><td id=box><br/><table cellpadding=3 cellspacing=0 width=100%><br/><tr id=tit><td><br/><b>圆角效果，网站素材www.2cscs.com</b><br/></td></tr><br/><tr><td height=200 id=txt><br/><Br><br/></td></tr></table><br/></td><br/><td id=r></td><br/></tr><br/><tr><td id=bl></td><td id=b></td><td id=br></td></tr><br/></table><br/><script><br/>function setcorner(id)<br/>{<br/>var html;<br/>if(id=="t")<br/>{<br/>html="<table class=corner id=corner_t cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bo></td></tr><tr><td class=corner_bg></td></tr><tr><td class=corner_bg></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="b")<br/>{<br/>html="<table class=corner id=corner_b cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bg></td></tr><tr><td class=corner_bg></td></tr><tr><td class=corner_bo></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="l")<br/>{<br/>html="<table class=corner id=corner_l cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bo></td><td class=corner_bg></td><td class=corner_bg></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="r")<br/>{<br/>html="<table class=corner id=corner_r cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bg></td><td class=corner_bg></td><td class=corner_bo></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="tl")<br/>{<br/>html="<table class=corner id=corner_tl cellpadding=0 cellspacing=0>"<br/>html+="<tr><td bgcolor=white></td><td bgcolor=white></td><td class=corner_bo></td></tr>"<br/>html+="<tr><td bgcolor=white></td><td class=corner_bo></td><td class=corner_bg></td></tr>"<br/>html+="<tr><td class=corner_bo></td><td class=corner_bg></td><td class=corner_bg></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="tr")<br/>{<br/>html="<table class=corner id=corner_tr cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bo></td><td bgcolor=white></td><td bgcolor=white></td></tr>"<br/>html+="<tr><td class=corner_bg></td><td class=corner_bo></td><td bgcolor=white></td></tr>"<br/>html+="<tr><td class=corner_bg></td><td class=corner_bg></td><td class=corner_bo></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="bl")<br/>{<br/>html="<table class=corner id=corner_bl cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bo></td><td class=corner_bg></td><td class=corner_bg><td class=corner_bg></tr>"<br/>html+="<tr><td bgcolor=white></td><td class=corner_bo></td><td class=corner_bg></td></tr>"<br/>html+="<tr><td bgcolor=white></td><td bgcolor=white></td><td class=corner_bo></td></tr>"<br/>html+="</table>"<br/>}<br/>if(id=="br")<br/>{<br/>html="<table class=corner id=corner_br cellpadding=0 cellspacing=0>"<br/>html+="<tr><td class=corner_bg></td><td class=corner_bg></td><td class=corner_bo></td></tr>"<br/>html+="<tr><td class=corner_bg></td><td class=corner_bo></td><td bgcolor=white></td></tr>"<br/>html+="<tr><td class=corner_bo></td><td bgcolor=white></td><td bgcolor=white></td></tr>"<br/>html+="</table>"<br/>}<br/>eval(id+".innerHTML=html")<br/>}<br/>function corner(border,bgcolor)<br/>{<br/>setcorner("tl")<br/>setcorner("tr")<br/>setcorner("bl")<br/>setcorner("br")<br/>setcorner("t")<br/>setcorner("b")<br/>setcorner("l")<br/>setcorner("r")<br/>corner_t.style.width=box.offsetWidth<br/>corner_b.style.width=box.offsetWidth<br/>corner_l.style.height=box.offsetHeight<br/>corner_r.style.height=box.offsetHeight<br/>box.style.background=bgcolor<br/>}<br/>corner("blue","#6699ff");<br/></script><br/> 本代码由<a href=http://www.2cscs.com>菜鸟变站长</a>提供

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

此处广告位寻求站长类、设计类站点交换，联系QQ：272071829，非诚勿扰

8899外挂网最全面的外挂资源网

Tags:

点击这里获取该日志的TrackBack引用地址

相关文章:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

网站分类

相关文章

最近发表

最新评论及回复

Powered By Z-Blog 1.8 Arwen Build 81206

友情链接检查Copyright www.2cscs.com 陇ICP备09001021号power by..甘肃酒泉肃州 XHTML+CSS By 7thPark.