求助:如何动态得使连接document两元素之间的虚线变成实线
这具体可分为两个问题:一,如何用虚线连接document文档中两个元素;二,如何动态的变虚线为实线.
恳请大虾给点提示或建议!
我举个例子说明我遇到的情况:(假设城市用按钮表示)
例如,地图中两个城市(城市之间还有很多其他城市),本来有三条路线,开始时有一条是通的(实线表示),另为两条是暂时不用的(用虚线表示),莫一时刻,该路线断了(由实线变虚线),需要从原来暂时断的路线中选一条,使之成为可以通的路线(由虚线变实线).
JavaScript实现网页竖虚线的code(代码原作者:王志勇)
CODE:
<script language="javascript">
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+'><tr><td height='+d1+' bgcolor=333333>')
}
</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>
问题点数：100、回复次数：12Top
1 楼hbhbhbhbhb1021（天外水火(我要多努力)）回复于 2006-07-03 09:49:23 得分 80
<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>Top
2 楼hbhbhbhbhb1021（天外水火(我要多努力)）回复于 2006-07-03 09:51:40 得分 0
按照你上边的代码可以把每隔一个单元格的颜色变色置为全部单元格变色就可以了Top
3 楼xuStanly（依依myLove）回复于 2006-07-03 15:45:29 得分 10
style="border:1px green solid" 绿色实线
style="border:1px red dotted" 红色虚线
似乎是解决问题的办法。Top
4 楼ice_berg16（寻梦的稻草人）回复于 2006-07-03 16:08:27 得分 0
<script language="javascript">
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>Top
5 楼BoweirrKing（忽然变傻）回复于 2006-07-03 17:44:20 得分 0
帮顶，顺便奇怪一下，为什么要用Table，用DIV不可以吗？Top
6 楼zeroleonhart（Strong Point:Algorithm）回复于 2006-07-03 22:44:58 得分 0
JavaScript实现网页竖虚线的code(代码原作者:王志勇)
JavaScript实现网页横虚线的code
-------------------------------
why don't use css:"border:1px dotted #000000;"????Top
7 楼BlueDestiny（Design Life - never-online.net）回复于 2006-07-04 01:31:51 得分 0
地图中两个城市(城市之间还有很多其他城市),本来有三条路线,开始时有
---------------------------
估计是用来做图算法的吧，那还是用vml吧Top
8 楼jsnt_rd（C#ing...）回复于 2006-07-04 09:01:48 得分 0
up,学习！Top
9 楼wu_chungui（）回复于 2006-07-04 16:27:45 得分 0
回：hbhbhbhbhb1021(天外水火(我要多努力))
你的程序在IE运行时，虚线显示不出来（IE4.0）（遨游浏览器也不行），但在Firefox上没问题。还有竖的虚线怎么画。感觉技巧性太强，扩张性不太好。不过先谢谢你的建议。
回：xuStanly(黑金)
的确可以解决问题一：画虚线与实线的问题。
回：BlueDestiny(www.never-online.net)
不是用来做地图算法的，我只是想尝试能否用javascript画一个简单的城市区域地图。但感觉做起来很难，所以请大虾帮忙提点建议。
回：zeroleonhart
谢谢你的提议。Top
10 楼yyszh（追求完美）回复于 2006-07-05 08:47:16 得分 0
强！
这里更强：
http://www.walterzorn.com/Top
11 楼xwsn（孤帆远影）回复于 2006-07-05 09:54:48 得分 0
up,Top
12 楼xuStanly（依依myLove）回复于 2006-07-05 12:22:23 得分 10
用VML吧，正在学习，感觉功能还是蛮强的。相关内容在CSDN里搜索VML有一些。Top
