<table>
<tr>
<td style="border:1px ridge red" rowspan="2">元素一
</td>
<td style="border-bottom:1px dotted red" width=100 id="td1">
</td>
<td style="border:1px ridge red" rowspan="2">元素二
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<input name=button1 type=button value="变线" onclick=show()>
<script language=javascript>
function show()
{
document.getElementById("td1").style.borderBottom="1px ridge red"
}
</script>
<tr>
<td style="border:1px ridge red" rowspan="2">元素一
</td>
<td style="border-bottom:1px dotted red" width=100 id="td1">
</td>
<td style="border:1px ridge red" rowspan="2">元素二
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<input name=button1 type=button value="变线" onclick=show()>
<script language=javascript>
function show()
{
document.getElementById("td1").style.borderBottom="1px ridge red"
}
</script>
style="border:1px red dotted" 红色虚线
似乎是解决问题的办法。
hei=120;
d1=2;
d2=2;
cou=Math.floor(hei/(d1+d2));
document.write('<table cellspacing=0 cellpadding=0 width=1 height='+hei+'>');
for(i=0;i<cou;i++){
document.write('<tr><td height='+d2+' bgcolor=333333></td></tr><tr><td height='+d1+' bgcolor=333333></td></tr>')
}
</script>
</table>
JavaScript实现网页横虚线的code
CODE:<script language="javascript">
len=400;
d1=2;
d2=2;
cou=Math.floor(len/(d1+d2));document.write('<table cellspacing=0 cellpadding=0 height=1 width='+len+'><tr>');for(i=0;i<cou;i++){document.write('<td width='+d2+'><td width='+d1+' bgcolor=333333>')
}
</script>
</table>
-------------------------------why don't use css:"border:1px dotted #000000;"????
---------------------------
估计是用来做图算法的吧,那还是用vml吧
你的程序在IE运行时,虚线显示不出来(IE4.0)(遨游浏览器也不行),但在Firefox上没问题。还有竖的虚线怎么画。感觉技巧性太强,扩张性不太好。不过先谢谢你的建议。回:xuStanly(黑金)
的确可以解决问题一:画虚线与实线的问题。
回:BlueDestiny(www.never-online.net)
不是用来做地图算法的,我只是想尝试能否用javascript画一个简单的城市区域地图。但感觉做起来很难,所以请大虾帮忙提点建议。回:zeroleonhart
谢谢你的提议。
这里更强:
http://www.walterzorn.com/