推荐设备MORE

小程序样式—特稿:悟实蜃辉

小程序样式—特稿:悟实蜃辉

行业知识

用报表做流动性切分线

日期:2021-02-24
我要分享

之前制作过这一实例教程:怎样制作1清晰度的水平线或是横线(即切分线),如今,大家将报表与Javascript融合,能够作出更栩栩如生的切分线——流动性的切分线。添加下列编码,你也就能看到一条切分线,色调不在断的流动性。

下列是编码片断:

  SCRIPT
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
t=" table height=2 width=60% cellspacing=0 cellpadding=0 tr "
for(x=0;x x++){t+=" td id=a_mo"+x+" /td "}
document.write(t+" /tr /table ")
function f1(y){for(i=0;i i++){c=(i+y)%20;if(c 10)c=20-c
document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++
setTimeout('f1('+y+')',1)}f1(1)
/SCRIPT
 
TABLE height=2 cellSpacing=0 cellPadding=0 width="60%"
TBODY
TR
TD id=a_mo0 bgColor=#006600 /TD
TD id=a_mo1 bgColor=#007700 /TD
TD id=a_mo2 bgColor=#008800 /TD
TD id=a_mo3 bgColor=#009900 /TD
TD id=a_mo4 bgColor=#00aa00 /TD
TD id=a_mo5 bgColor=#00bb00 /TD
TD id=a_mo6 bgColor=#00bb00 /TD
TD id=a_mo7 bgColor=#00cc00 /TD
TD id=a_mo8 bgColor=#00dd00 /TD
TD id=a_mo9 bgColor=#00ee00 /TD
TD id=a_mo10 bgColor=#00ff00 /TD
TD id=a_mo11 bgColor=#00ee00 /TD
TD id=a_mo12 bgColor=#00dd00 /TD
TD id=a_mo13 bgColor=#00cc00 /TD
TD id=a_mo14 bgColor=#00bb00 /TD
TD id=a_mo15 bgColor=#00bb00 /TD
TD id=a_mo16 bgColor=#00aa00 /TD
TD id=a_mo17 bgColor=#009900 /TD
TD id=a_mo18 bgColor=#008800 /TD
TD id=a_mo19 bgColor=#007700 /TD
TD id=a_mo20 bgColor=#006600 /TD
TD id=a_mo21 bgColor=#007700 /TD
TD id=a_mo22 bgColor=#008800 /TD
TD id=a_mo23 bgColor=#009900 /TD
TD id=a_mo24 bgColor=#00aa00 /TD
TD id=a_mo25 bgColor=#00bb00 /TD
TD id=a_mo26 bgColor=#00bb00 /TD
TD id=a_mo27 bgColor=#00cc00 /TD
TD id=a_mo28 bgColor=#00dd00 /TD
TD id=a_mo29 bgColor=#00ee00 /TD
TD id=a_mo30 bgColor=#00ff00 /TD
TD id=a_mo31 bgColor=#00ee00 /TD
TD id=a_mo32 bgColor=#00dd00 /TD
TD id=a_mo33 bgColor=#00cc00 /TD
TD id=a_mo34 bgColor=#00bb00 /TD
TD id=a_mo35 bgColor=#00bb00 /TD
TD id=a_mo36 bgColor=#00aa00 /TD
TD id=a_mo37 bgColor=#009900 /TD
TD id=a_mo38 bgColor=#008800 /TD
TD id=a_mo39 bgColor=#007700 /TD /TR /TBODY /TABLE

  在上边的编码中,大家能够根据改动 table 标志中的height和width设定切分线的高宽比和长短
  把编码放到必须插进切分线的部位就可以.

实际效果以下: