当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 源码学习:一个简单的日历控件(4)

HTML/XHTML教程
HTML表格标记教程(4):边框色属性BORDERCOLOR
HTML表格标记教程(1):制作表格
HTML表格标记教程(2):表格的边框属性BORDER
HTML教程,简单学习HTML语言(2)
HTML表格标记详细讲解(适合初学者)
网页制作解惑:图象文件的路径
HTML教程,简单学习HTML语言
HTML基础:HTML的基本结构
HTML教程,认识optgroup元素
网页输入框的样式触发效果
HTML教程,HTML默认样式
超链接打开目标(target)的测试
XHTML教程,简单认识XHTML基础知识
HTML表格标记教程(35):跨列属性COLSPAN
HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
HTML表格标记教程(34):跨行属性ROWSPAN
HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(32):单元格的水平对齐属性ALIGN
HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR

No. « 4 5 6 7 »

技术文章搜索

关键字

HTML/XHTML教程 中的 源码学习:一个简单的日历控件(4)

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-04   浏览: 39 ::
收藏到网摘: n/a

  }

   trRow = tbBoard.insertRow(2);
   var cnDateName = new Array("周日","周一","周二","周三","周四","周五","周六");
   for (var i = 0; i < 7; i++) {
    tbCell=trRow.insertCell(i)
    tbCell.innerText=cnDateName[i];
    tbCell.align="center";
    tbCell.width=35;
    tbCell.style.cssText="cursor:default;border:1 solid #99CCCC;background-color:#99CCCC;";
   }

   /*********** Calendar Body ***************/
   trRow = tbBoard.insertRow(3);
   tbCell=trRow.insertCell(0);
   tbCell.colSpan=7;
   tbCell.height=97;
   tbCell.vAlign="top";
   tbCell.bgColor="#F0F0F0";
   var tbBody=document.createElement("table");
   tbCell.insertAdjacentElement("beforeEnd",tbBody);
   tbBody.style.cssText="position:relative;top:0;left:0;width:245;height:103;font-size:9pt;"
   tbBody.cellPadding=0;
   tbBody.cellSpacing=1;
   calendar.body=tbBody;
  }
  /************** 加入功能按钮公共样式 *********************/
  this.insertTbCell=function(trRow,cellIndex,TXT,trAlign,tbColSpan){
   var tbCell=trRow.insertCell(cellIndex);
   if(tbColSpan!=undefined) tbCell.colSpan=tbColSpan;

   var btnCell=document.createElement("button");
   tbCell.insertAdjacentElement("beforeEnd",btnCell);
   btnCell.value=TXT;
   btnCell.style.cssText="width:100%;border:1 outset;background-color:buttonface;";
   btnCell.onmouseover=function(){
    btnCell.style.cssText="width:100%;border:1 outset;background-color:#F0F0F0;";