源码学习:一个简单的日历控件(4)

}
0 C- C" H1 X1 H" C& b  ^/ n3 T2 }- {. l. N
  
" a6 {$ O, N/ ~; j" H' |1 L8 \9 K+ e
trRow = tbBoard.insertRow(2);
" @+ ?7 ^- c: e5 G( O$ |6 \! S var cnDateName = new Array("周日","周一","周二","周三","周四","周五","周六");
& \3 ?% Y; x) [, s3 H7 `+ z for (var i = 0; i  7; i  ) {
0 o$ W' K! m3 z8 x- s: c tbCell=trRow.insertCell(i)5 q! Y3 e! F7 |' l8 L" K
tbCell.innerText=cnDateName;
) e4 S: ]9 B$ J4 g tbCell.align="center";; g$ S- }1 v0 R1 J
tbCell.width=35;2 F+ E, |% e1 q2 R) p% w1 \
tbCell.style.cssText="cursor:default;border:1 solid #99CCCC;background-color:#99CCCC;";. w9 X' k; e2 r: k3 ~
}  # y7 t1 m& P5 H

8 O+ @( z2 r4 K' N; { /*********** Calendar Body ***************/
/ G2 E& {) d. F8 |3 N; ] trRow = tbBoard.insertRow(3);, J  `- R9 ?1 |  J, Q8 M9 @
tbCell=trRow.insertCell(0);" N' Z# J' ]6 i% d* P
tbCell.colSpan=7;
2 G7 f/ h  {$ A% y/ U tbCell.height=97;" _( n6 B# z. _( B9 W# x1 K
tbCell.vAlign="top";
+ I7 d1 a& {! ^$ f0 G9 w# t7 x tbCell.bgColor="#F0F0F0";
# q( y' O5 d. H3 m! B+ Y var tbBody=document.createElement("table");
( k: X# E" F* b. M2 B tbCell.insertAdjacentElement("beforeEnd",tbBody);
# X  n- v, l, G1 Y; F$ q7 r tbBody.style.cssText="position:relative;top:0;left:0;width:245;height:103;font-size:9pt;"
* t& U$ I$ a; J. U8 v tbBody.cellPadding=0;! b( P$ T5 B" u/ y' I
tbBody.cellSpacing=1;7 d* `) j% \5 [6 o( l  _  M
calendar.body=tbBody;4 q  p- X8 a( R$ V9 X* L2 [
}
5 [" a/ s: a9 Z3 C! w7 f /************** 加入功能按钮公共样式 *********************/. d  N3 {/ o9 ^6 \; H! h% {: B
this.insertTbCell=function(trRow,cellIndex,TXT,trAlign,tbColSpan){' p! h. Q: _' ]' D9 `
var tbCell=trRow.insertCell(cellIndex);/ \0 K2 D( F0 }0 |
if(tbColSpan!=undefined) tbCell.colSpan=tbColSpan;  " w5 |1 \# [/ z2 O9 }& b
7 F9 U/ P4 I6 F/ L4 p
var btnCell=document.createElement("button");% y% M) q# J# |' p+ \7 H; a. W
tbCell.insertAdjacentElement("beforeEnd",btnCell);
3 z* u: h5 _2 Y0 u) ]0 }) U btnCell.value=TXT;, z. L: U+ W7 T# G3 n
btnCell.style.cssText="width:100%;border:1 outset;background-color:buttonface;";
* }0 P" i$ C: a$ w btnCell.onmouseover=function(){
: w; Q+ O* ^! `- C: O btnCell.style.cssText="width:100%;border:1 outset;background-color:#F0F0F0;";