2004年01月17日 18:56 点击:超过8000次
请参考JavaScript实现网页虚线,上一篇介绍了虚线的做法,是横线的实例,如何实现虚线呢?与上一篇的原理相同,所不同的是将<tr>回行元素进行循环。例,程序如:
<script>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>
效果如:
例2:hei=180;d1=2;d2=3;bgcolor=000000
更详细的内容,请对照此文的说明。横线与竖线实现虚线的区别主要在于对height或width的设定、循环的目标对象是<tr>还是<td>。
(版权所有,感谢阅读)
网页树树版权声明:
此文为Webshu.com独家撰稿,著作权属作者所有,禁止转载。
此文网址 http://webshu.com/column/102/58.html