| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 | 
登录
注册
用户控制面板
搜索
道具
风格
短消息
论坛展区
帮助
编程论坛 → WEB开发 → 『 JavaScript论坛 』 → js特效集锦
我的收件箱(0)
欢迎加入我们，一同切磋技术
用户名：   
 
密　码：  
共有 44029 人关注过本帖， 5 人收藏
标题：js特效集锦
只看楼主 加入收藏
byters
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2008-8-11
第 91 楼
收藏
 得分:0 
为什么我哪个都打不开呢?
为什么我哪个都打不开呢?我也想要,谁给我一分啊?谢谢了......
2008-08-15 10:18
HERO剧终
Rank: 1
来　自：深圳
等　级：新手上路
帖　子：154
专家分：0
注　册：2008-8-11
第 92 楼
收藏
 得分:0 
  为什么我这打不开

水因有月方知静,天为无云始觉高
2008-08-15 10:56
恋轩念伊人
Rank: 5Rank: 5
来　自：湖南衡阳
等　级：贵宾
威　望：19
帖　子：643
专家分：0
注　册：2008-2-23
第 93 楼
收藏
 得分:0 
这个好啊，支持、

我不是一个随便的人，我随便起来不是人我哦。信不？
2008-08-16 16:19
美丽心情86
Rank: 1
等　级：新手上路
帖　子：1
专家分：0
注　册：2008-8-17
第 94 楼
收藏
 得分:0 
链接都打不开

努力就有收获！
2008-08-17 10:40
吴胜
Rank: 1
等　级：新手上路
帖　子：20
专家分：0
注　册：2008-8-17
第 95 楼
收藏
 得分:0 
顶啊多交一个朋友，就多了一个老师！大家好我是新手！
2008-08-18 17:20
z328769706
Rank: 1
等　级：新手上路
帖　子：2
专家分：0
注　册：2008-8-18
第 96 楼
收藏
 得分:0 
什么都没有啊
2008-08-19 10:16
恋轩念伊人
Rank: 5Rank: 5
来　自：湖南衡阳
等　级：贵宾
威　望：19
帖　子：643
专家分：0
注　册：2008-2-23
第 97 楼
收藏
 得分:0 
有些还真的打不开哦

我不是一个随便的人，我随便起来不是人我哦。信不？
2008-08-19 14:03
cwdxue
Rank: 1
等　级：新手上路
帖　子：1
专家分：0
注　册：2008-8-21
第 98 楼
收藏
 得分:0 
打不开
2008-08-21 18:07
BlueMouse
Rank: 1
来　自：贵州
等　级：新手上路
威　望：1
帖　子：52
专家分：0
注　册：2008-9-6
第 99 楼
收藏
 得分:0 
一个表格视图类
很懒只写了一点点，将就成形！ 谁有兴趣可以再加些功能进去！应该会很好用的！
<html>
    <head>
        <title>Test table view class</title>
        <script language="javascript" type="text/javascript">
        <!--
   /*
    * className: TableView
    *  Args: [in] ArgTableType  String
    *     [in] ArgTableName  String
    *     [in] ArgParentElement Object
    *     [in] ArgShowRecordCount Integer
    *  comment:
   */
   function TableView(ArgTableType, ArgTableName, ArgParentElement, ArgShowRecordCount)
   {
    // property
    this.iTableType   = ArgTableType;
    this.sTableName   = ArgTableName;
    this.oParentElement  = ArgParentElement;
    this.iShowRecordCount = ArgShowRecordCount;
    // object
    this.aFileds   = new Array();
    this.aRecords   = new Array();
    this.aSelRecords  = new Array();
    // method
    this.addFiled   = TableView_addFiled;
    this.delFiled   = TableView_delFiled;
    this.addRecord   = TableView_addRecord;
    this.delRecord   = TableView_delRecord;
    this.updateView   = TableView_updateView;
    // event
    this.onMouseOver  = TableView_onMouseOver;
    this.onMouseOut   = TableView_onMouseOut;
    this.onClick   = TableView_onClick;
   }
   /*
    * className: TableView
    *    method: addFiled
    *  Args: [in] ArgFiledName  String
    *     [in] ArgWidth   Integer
    *  comment:
   */
   function TableView_addFiled(ArgFiledType, ArgFiledName, ArgWidth, ArgAlign)
   {
    var iTemp;
   
    iTemp       = this.aFileds.length;
    this.aFileds[iTemp]    = new Array();
    this.aFileds[iTemp]["Type"]  = ArgFiledType;
    this.aFileds[iTemp]["Name"]  = ArgFiledName;
    this.aFileds[iTemp]["Width"] = ArgWidth;
    this.aFileds[iTemp]["Align"] = ArgAlign;
   }
   /*
    * className: TableView
    *    method: delFiled
    *  Args: [in] ArgFiledName  String
    *  comment:
   */
   function TableView_delFiled(ArgFiledName)
   {
    var iIndex;
   
    for (iIndex=0;iIndex<this.aFileds.length;iIndex++)
    {
     if (this.aFileds[iIndex]["Name"]==ArgFiledName)
     {
      this.aFileds.splice(iIndex,1);
      return(0);
     }
    }
   }
   /*
    * className: TableView
    *    method: addRecord
    *  Args: [in] ArgRecord Array
    *  comment:
   */
   function TableView_addRecord(ArgRecord)
   {
    var iIndex, iTemp;
   
    iTemp     = this.aRecords.length;
    this.aRecords[iTemp] = new Array();
    for (iIndex=0;iIndex<this.aFileds.length;iIndex++)
    {
     this.aRecords[iTemp][this.aFileds[iIndex]["Name"]] = ArgRecord[this.aFileds[iIndex]["Name"]];
    }
   }
   /*
    * className: TableView
    *    method: delRecord
    *  Args: [in] ArgFiledName String
    *     [in] ArgValue  String
    *  comment:
   */
   function TableView_delRecord(ArgFiledName, ArgValue)
   {
    var iIndex;
   
    for (iIndex=0;iIndex<this.aRecords.length;iIndex++)
    {
     if (this.aRecords[iIndex][ArgFiledName]==ArgValue)
     {
      this.aRecords.splice(iIndex,1);
      return(0);
     }
    }
   }
   /*
    * className: TableView
    *    method: onMouseOver
    *  Args: [in] oTableView class
    *  comment:
   */
   function TableView_onMouseOver(oTableView)
   {
    var iIndex;

    if (event.srcElement.className=="RecordItem")
    {
     for (iIndex=0;iIndex<oTableView.aSelRecords.length;iIndex++)
     {
      if (event.srcElement.parentElement.id==oTableView.aSelRecords[iIndex])
      {
       return(0);
      }
     }
     event.srcElement.parentElement.style.backgroundColor = "#d9ffff";
    }
    if (event.srcElement.className=="CmdButton")
    {
     event.srcElement.style.color = "#ee2200";
    }
   }
   /*
    * className: TableView
    *    method: onMouseOver
    *  Args: [in] oTableView class
    *  comment:
   */
   function TableView_onMouseOut(oTableView)
   {
    var iIndex;

    if (event.srcElement.className=="RecordItem")
    {
     for (iIndex=0;iIndex<oTableView.aSelRecords.length;iIndex++)
     {
      if (event.srcElement.parentElement.id==oTableView.aSelRecords[iIndex])
      {
       return(0);
      }
     }
     event.srcElement.parentElement.style.backgroundColor = "#ffffff";
    }
    if (event.srcElement.className=="CmdButton")
    {
     event.srcElement.style.color = "#0084ff";
    }
   }
   /*
    * className: TableView
    *    method: onClick
    *  Args: [in] oTableView class
    *  comment:
   */
   function TableView_onClick(oTableView)
   {
    var iIndex, iJndex;

    if (event.srcElement.className=="RecordItem")
    {
     for (iIndex=0;iIndex<oTableView.aSelRecords.length;iIndex++)
     {
      if (event.srcElement.parentElement.id==oTableView.aSelRecords[iIndex])
      {
       oTableView.aSelRecords.splice(iIndex,1);
       event.srcElement.parentElement.style.backgroundColor = "#d9ffff";
       document.all.LbaSelRecordCount.innerHTML    = "&nbsp;" + oTableView.aSelRecords.length + "&nbsp;&nbsp;";
       return(0);
      }
     }
     oTableView.aSelRecords[oTableView.aSelRecords.length] = event.srcElement.parentElement.id;
     event.srcElement.parentElement.style.backgroundColor = "#fff0ff";
     document.all.LbaSelRecordCount.innerHTML    = "&nbsp;" + oTableView.aSelRecords.length + "&nbsp;&nbsp;";
    }
    if (event.srcElement.className=="CmdButton")
    {
     switch (event.srcElement.innerText)
     {
      case "AddRecord":
       PopupWindow("AddRecord", null);
       break;
      case "DelRecord":
       if (oTableView.aSelRecords.length>0)
       {
        for (iIndex=0;iIndex<oTableView.aSelRecords.length;iIndex++)
        {
         oTableView.delRecord(oTableView.aFileds[0]["Name"], oTableView.aSelRecords[iIndex].substring(17, oTableView.aSelRecords[iIndex].length));
        }
        oTableView.aSelRecords.splice(0,oTableView.aSelRecords.length);
        oTableView.updateView();
       }
       break;
      case "MifRecord":
       alert("MifRecord");
       break;
      case "UpdateToDataBase":
       alert("UpdateToDataBase");
           
     }
    }
   }
   /*
    * className: TableView
    *    method: updateView
    *  Args: not
    *  comment:
   */
   function TableView_updateView()
   {
    var oTableHead_Div, oSpan, oTableCaption_Div, oTableToolsbar, oTableBody_Div, oTr_Div, oTd_Div;
    var iTableWidth, iPrevElementLeft, iIndex, iJndex;

    this.oParentElement.innerHTML = "";
   
    if (this.iTableType==0)
    {
     if (this.aFileds.length>0)
     {
      // create table head element from element a 'DIV'
      iTableWidth=0;
      for (iIndex=0;iIndex<this.aFileds.length;iIndex++)
      {
       iTableWidth+=parseInt(this.aFileds[iIndex]["Width"]);
      }
      oTableHead_Div      = document.createElement("DIV");
      oTableHead_Div.style.position  = "absolute";
      oTableHead_Div.style.left   = 0;
      oTableHead_Div.style.top   = 0;
      if (this.aRecords.length>this.iShowRecordCount)
      {
       oTableHead_Div.style.width  = iTableWidth + 17 - this.aFileds.length;
      }
      else
      {
       oTableHead_Div.style.width  = iTableWidth - this.aFileds.length;
      }
      oTableHead_Div.style.height   = 50;
      oTableHead_Div.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#E2F2FC)";
      oTableHead_Div.style.borderStyle = "solid";
      oTableHead_Div.style.borderColor = "#75c5f0";
      oTableHead_Div.style.borderWidth = 1;
      oTableHead_Div.style.textAlign  = "right";
      oTableHead_Div.style.verticalAlign = "bottom";
      oTableHead_Div.style.paddingTop  = 30;
      oTableHead_Div.style.fontSize  = 12;
      oTableHead_Div.style.fontFamily  = "Verdana";
      oTableHead_Div.style.fontWeight  = "bold";

      oSpan    = document.createElement("SPAN");
      oSpan.innerText  = "TableName:";
      oTableHead_Div.appendChild(oSpan);
      oSpan    = null;
      oSpan    = document.createElement("SPAN");
      oSpan.style.color = "#0084ff";
      oSpan.innerHTML  = "&nbsp;" + this.sTableName + "&nbsp;&nbsp;&nbsp;&nbsp;";
      oTableHead_Div.appendChild(oSpan);
      oSpan    = null;
      oSpan    = document.createElement("SPAN");
      oSpan.innerHTML  = "RecordCount:";
      oTableHead_Div.appendChild(oSpan);
      oSpan    = null;
      oSpan    = document.createElement("SPAN");
      oSpan.id   = "LbaRecordCount";
      oSpan.style.color = "#ff0096";
      oSpan.innerHTML  = "&nbsp;" + this.aRecords.length + "&nbsp;&nbsp;";
      oTableHead_Div.appendChild(oSpan);
      oSpan    = null;
      oSpan    = document.createElement("SPAN");
      oSpan.innerHTML  = "SelRecordCount:";
      oTableHead_Div.appendChild(oSpan);
      oSpan    = null;
      oSpan    = document.createElement("SPAN");
      oSpan.id   = "LbaSelRecordCount";
      oSpan.style.color = "#ff0096";
      oSpan.innerHTML  = "&nbsp;" + this.aSelRecords.length + "&nbsp;&nbsp;";
      oTableHead_Div.appendChild(oSpan);
      oSpan    = null;
      this.oParentElement.appendChild(oTableHead_Div);

      // create table caption element from element a 'DIV'
      oTableCaption_Div      = document.createElement("DIV");
      oTableCaption_Div.style.position  = "absolute";
      oTableCaption_Div.style.left   = 0;
      oTableCaption_Div.style.top    = 50;
      oTableCaption_Div.style.width   = parseInt(this.aFileds[0]["Width"]);
      oTableCaption_Div.style.height   = 25;
      oTableCaption_Div.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#cde9fa,endColorstr=#ffffff)";
      oTableCaption_Div.style.borderStyle  = "solid";
      oTableCaption_Div.style.borderColor  = "#75c5f0";
      oTableCaption_Div.style.borderWidth  = 1;
      oTableCaption_Div.style.textAlign  = this.aFileds[0]["Align"];
      oTableCaption_Div.style.verticalAlign = "middle";
      oTableCaption_Div.style.paddingTop  = 3;
      oTableCaption_Div.style.paddingLeft  = 5;
      oTableCaption_Div.style.paddingRight = 5;
      oTableCaption_Div.style.fontSize  = 12;
      oTableCaption_Div.style.fontFamily  = "Verdana";
      oTableCaption_Div.style.fontWeight  = "bold";
      oTableCaption_Div.innerText    = this.aFileds[0]["Name"];
      
      this.oParentElement.appendChild(oTableCaption_Div);
      iPrevElementLeft      = 0;
      
      for (iIndex=1;iIndex<this.aFileds.length;iIndex++)
      {
       iPrevElementLeft      += parseInt(this.aFileds[iIndex-1]["Width"])-1;
       oTableCaption_Div      = document.createElement("DIV");
       oTableCaption_Div.style.position  = "absolute";
       oTableCaption_Div.style.left   = iPrevElementLeft;
       oTableCaption_Div.style.top    = 50;
       oTableCaption_Div.style.width   = parseInt(this.aFileds[iIndex]["Width"]);
       oTableCaption_Div.style.height   = 25;
       oTableCaption_Div.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#cde9fa,endColorstr=#ffffff)";
       oTableCaption_Div.style.borderStyle  = "solid";
       oTableCaption_Div.style.borderColor  = "#75c5f0";
       oTableCaption_Div.style.borderWidth  = 1;
       oTableCaption_Div.style.textAlign  = this.aFileds[iIndex]["Align"];
       oTableCaption_Div.style.paddingTop  = 3;
       oTableCaption_Div.style.paddingLeft  = 5;
       oTableCaption_Div.style.paddingRight = 5;
       oTableCaption_Div.style.fontSize  = 12;
       oTableCaption_Div.style.fontFamily  = "Verdana";
       oTableCaption_Div.style.fontWeight  = "bold";
       oTableCaption_Div.innerText    = this.aFileds[iIndex]["Name"];
      
       this.oParentElement.appendChild(oTableCaption_Div);
      }
      if (this.aRecords.length>this.iShowRecordCount)
      {
       iPrevElementLeft      += parseInt(this.aFileds[iIndex-1]["Width"])-1;
       oTableCaption_Div      = document.createElement("DIV");
       oTableCaption_Div.style.position  = "absolute";
       oTableCaption_Div.style.left   = iPrevElementLeft;
       oTableCaption_Div.style.top    = 50;
       oTableCaption_Div.style.width   = 17;
       oTableCaption_Div.style.height   = 25;
       oTableCaption_Div.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#cde9fa,endColorstr=#ffffff)";
       oTableCaption_Div.style.borderStyle  = "solid";
       oTableCaption_Div.style.borderColor  = "#75c5f0";
       oTableCaption_Div.style.borderWidth  = 1;
       this.oParentElement.appendChild(oTableCaption_Div);
      }
      // create table body element from element a 'DIV'
      oTableBody_Div      = document.createElement("DIV");
      oTableBody_Div.style.position  = "absolute";
      oTableBody_Div.style.left   = 0;
      oTableBody_Div.style.top   = 75;     
      if (this.aRecords.length>this.iShowRecordCount)
      {
       oTableBody_Div.style.width  = iTableWidth + 17 - this.aFileds.length;
      }
      else
      {
       oTableBody_Div.style.width  = iTableWidth - this.aFileds.length;
      }
      oTableBody_Div.style.height   = parseInt(this.iShowRecordCount * 19)+1;
      oTableBody_Div.style.overflowY  = "auto";
      
      // create table record item
      for (iJndex=0;iJndex<this.aRecords.length;iJndex++)
      {
       oTr_Div       = document.createElement("DIV");
       oTr_Div.style.position   = "absolute";
       oTr_Div.style.left    = 0;
       oTr_Div.style.top    = (iJndex * 19);
       oTr_Div.style.height   = 20;
       oTr_Div.style.backgroundColor = "#ffffff";
       oTr_Div.style.width    = iTableWidth - this.aFileds.length;
       oTr_Div.style.cursor   = "hand";
       oTr_Div.id      = "RecordFirstFiild:" + this.aRecords[iJndex][this.aFileds[0]["Name"]];
       oTd_Div       = document.createElement("DIV");
       oTd_Div.style.position   = "absolute";
       oTd_Div.style.left    = 0;
       oTd_Div.style.top    = 0;
       oTd_Div.style.height   = 20;
       oTd_Div.style.width    = parseInt(this.aFileds[0]["Width"]);
       oTd_Div.style.textAlign   = this.aFileds[0]["Align"];
       oTd_Div.style.paddingTop  = 2;
       oTd_Div.style.paddingLeft  = 5;
       oTd_Div.style.paddingRight  = 5;
       oTd_Div.style.fontSize   = 12;
       oTd_Div.style.fontFamily  = "Verdana";
       oTd_Div.style.fontWeight  = "400";
       oTd_Div.style.borderStyle  = "solid";
       oTd_Div.style.borderColor  = "#bce2f8";
       oTd_Div.style.borderWidth  = 1;
       oTd_Div.className    = "RecordItem";
       oTd_Div.innerText    = this.aRecords[iJndex][this.aFileds[0]["Name"]];
       oTr_Div.appendChild(oTd_Div);
       iPrevElementLeft    = 0;
       for (iIndex=1;iIndex<this.aFileds.length;iIndex++)
       {
        iPrevElementLeft    += parseInt(this.aFileds[iIndex-1]["Width"])-1;
        oTd_Div       = document.createElement("DIV");
        oTd_Div.style.position   = "absolute";
        oTd_Div.style.left    = iPrevElementLeft;
        oTd_Div.style.top    = 0;
        oTd_Div.style.height   = 20;
        oTd_Div.style.width    = parseInt(this.aFileds[iIndex]["Width"]);
        oTd_Div.style.textAlign   = this.aFileds[iIndex]["Align"];
        oTd_Div.style.paddingTop  = 2;
        oTd_Div.style.paddingLeft  = 5;
        oTd_Div.style.paddingRight  = 5;
        oTd_Div.style.fontSize   = 12;
        oTd_Div.style.fontFamily  = "Verdana";
        oTd_Div.style.fontWeight  = "400";
        oTd_Div.style.borderStyle  = "solid";
        oTd_Div.style.borderColor  = "#bce2f8";
        oTd_Div.style.borderWidth  = 1;
        oTd_Div.className    = "RecordItem";
        oTd_Div.innerText    = this.aRecords[iJndex][this.aFileds[iIndex]["Name"]];
        oTr_Div.appendChild(oTd_Div);
        oTd_Div       = null;      
       }
       oTableBody_Div.appendChild(oTr_Div);
      }

      this.oParentElement.appendChild(oTableBody_Div);
      
      // add table tools bar
      oTableToolsbar      = document.createElement("DIV");
      oTableToolsbar.style.position  = "absolute";
      oTableToolsbar.style.left   = 0;
      oTableToolsbar.style.top   = 75 + parseInt(oTableBody_Div.style.left) + parseInt(oTableBody_Div.style.height);
      if (this.aRecords.length>this.iShowRecordCount)
      {
       oTableToolsbar.style.width  = iTableWidth + 17 - this.aFileds.length;
      }
      else
      {
       oTableToolsbar.style.width  = iTableWidth - this.aFileds.length;
      }
      oTableToolsbar.style.height   = 30;
      oTableToolsbar.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#cde9fa,endColorstr=#ffffff)";
      oTableToolsbar.style.borderStyle = "solid";
      oTableToolsbar.style.borderColor = "#75c5f0";
      oTableToolsbar.style.borderWidth = 1;
      oTableToolsbar.style.textAlign  = "right";
      oTableToolsbar.style.paddingTop  = 6;
      oTableToolsbar.style.fontSize  = 12;
      oTableToolsbar.style.fontFamily  = "Verdana";
      oTableToolsbar.style.fontWeight  = "bold";
      oTableToolsbar.style.color   = "#bbbbbb";
      oSpan        = document.createElement("SPAN");
      oSpan.style.color     = "#0084ff";
      oSpan.style.textAlign    = "center";
      oSpan.style.cursor     = "hand";
      oSpan.className      = "CmdButton";
      oSpan.innerText      = "AddRecord";
      oTableToolsbar.appendChild(oSpan);
      oSpan        = null;
      oTableToolsbar.innerHTML   += "&nbsp;|&nbsp;";
      oSpan        = document.createElement("SPAN");
      oSpan.style.color     = "#0084ff";
      oSpan.style.textAlign    = "center";
      oSpan.style.cursor     = "hand";
      oSpan.className      = "CmdButton";
      oSpan.innerText      = "DelRecord";
      oTableToolsbar.appendChild(oSpan);
      oSpan        = null;
      oTableToolsbar.innerHTML   += "&nbsp;|&nbsp;";
      oSpan        = document.createElement("SPAN");
      oSpan.style.color     = "#0084ff";
      oSpan.style.textAlign    = "center";
      oSpan.style.cursor     = "hand";
      oSpan.className      = "CmdButton";
      oSpan.innerText      = "MifRecord";
      oTableToolsbar.appendChild(oSpan);
      oSpan        = null;
      oTableToolsbar.innerHTML   += "&nbsp;|&nbsp;";
      oSpan        = document.createElement("SPAN");
      oSpan.style.color     = "#0084ff";
      oSpan.style.textAlign    = "center";
      oSpan.style.cursor     = "hand";
      oSpan.className      = "CmdButton";
      oSpan.innerText      = "UpdateToDataBase";
      oTableToolsbar.appendChild(oSpan);
      oSpan        = null;
      oTableToolsbar.innerHTML   += "&nbsp;|&nbsp;&nbsp;&nbsp;";

      this.oParentElement.appendChild(oTableToolsbar);

      if (this.aRecords.length>this.iShowRecordCount)
      {
       this.oParentElement.style.width  = iTableWidth + 17;
      }
      else
      {
       this.oParentElement.style.width  = iTableWidth;
      }
      this.oParentElement.style.height  = 75 + parseInt(oTableBody_Div.style.left) + parseInt(oTableBody_Div.style.height) + parseInt(oTableToolsbar.style.height);
     }
    }
   }

   function PopupWindow(argTitle, argFileds)
   {
    var oBaseFrame, oWindowCaption, oWindowBody, oWindowToolBar, oSpan;

    // create popup window base frame
    oBaseFrame       = document.createElement("DIV");
    oBaseFrame.style.position   = "absolute";
    oBaseFrame.style.left    = parseInt(document.body.offsetWidth) / 2 - 150;
    oBaseFrame.style.top    = parseInt(document.body.offsetHeight) / 2 - 150;
    oBaseFrame.style.width    = 300;
    oBaseFrame.style.height    = 330;
    oBaseFrame.style.borderWidth  = 1;
    oBaseFrame.style.borderStyle  = "solid";
    oBaseFrame.style.borderColor  = "#aaaaaa";
    oBaseFrame.style.backgroundColor = "#ffffff";

    // create popup window caption
    oWindowCaption      = document.createElement("DIV");
    oWindowCaption.style.position  = "absolute";
    oWindowCaption.style.left   = 0;
    oWindowCaption.style.top   = 0;
    oWindowCaption.style.width   = 298;
    oWindowCaption.style.height   = 25;
    oWindowCaption.style.borderWidth = 1;
    oWindowCaption.style.borderStyle = "solid";
    oWindowCaption.style.borderColor = "#bce2f8";
    oWindowCaption.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#cde9fa,endColorstr=#ffffff)";
    oWindowCaption.style.paddingTop  = 3;
    oWindowCaption.style.paddingLeft = 5;
    oWindowCaption.style.fontSize  = 12;
    oWindowCaption.style.fontWeight  = 700;
    oWindowCaption.style.fontFamily  = "Verdana";
    oWindowCaption.innerText   = argTitle;
    oBaseFrame.appendChild(oWindowCaption);

    oWindowBody       = document.createElement("DIV");
    oWindowBody.style.position   = "absolute";
    oWindowBody.style.left    = 0;
    oWindowBody.style.top    = 25;
    oWindowBody.style.height   = 250;
    oBaseFrame.appendChild(oWindowBody);

    oWindowToolBar      = document.createElement("DIV");
    oWindowToolBar.style.position  = "absolute";
    oWindowToolBar.style.left   = 0;
    oWindowToolBar.style.top   = 298;
    oWindowToolBar.style.width   = 298;
    oWindowToolBar.style.height   = 30;
    oWindowToolBar.style.borderWidth = 1;
    oWindowToolBar.style.borderStyle = "solid";
    oWindowToolBar.style.borderColor = "#bce2f8";
    oWindowToolBar.style.filter   = "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#cde9fa,endColorstr=#ffffff)";
    oWindowToolBar.style.paddingTop  = 6;
    oWindowToolBar.style.paddingRight = 5;
    oWindowToolBar.style.textAlign  = "right";
    oWindowToolBar.style.fontSize  = 12;
    oWindowToolBar.style.fontWeight  = 700;
    oWindowToolBar.style.fontFamily  = "Verdana";
    oWindowToolBar.style.color   = "#bbbbbb";
    oBaseFrame.appendChild(oWindowToolBar);

    oSpan        = document.createElement("SPAN");
    oSpan.style.color     = "#0084ff";
    oSpan.style.textAlign    = "center";
    oSpan.style.cursor     = "hand";
    oSpan.className      = "CmdButton";
    oSpan.innerText      = "Enter";
    oWindowToolBar.appendChild(oSpan);
    oSpan        = null;
    oWindowToolBar.innerHTML   += "&nbsp;|&nbsp;";
    oSpan        = document.createElement("SPAN");
    oSpan.style.color     = "#0084ff";
    oSpan.style.textAlign    = "center";
    oSpan.style.cursor     = "hand";
    oSpan.className      = "CmdButton";
    oSpan.innerText      = "Rest";
    oWindowToolBar.appendChild(oSpan);
    oSpan        = null;
    oWindowToolBar.innerHTML   += "&nbsp;|&nbsp;";
    oSpan        = document.createElement("SPAN");
    oSpan.style.color     = "#0084ff";
    oSpan.style.textAlign    = "center";
    oSpan.style.cursor     = "hand";
    oSpan.className      = "CmdButton";
    oSpan.innerText      = "Close";
    oWindowToolBar.appendChild(oSpan);
    oSpan        = null;
    oWindowToolBar.innerHTML   += "&nbsp;|&nbsp;";
    document.body.appendChild(oBaseFrame);

   }

   /*==================================================================================================================================
    *
    * Method: main
    *   Args: not
    *
   */
   function main()
   {
    var oTableView = new TableView(0, "RenInfoTable", oFrame, 15);
    var newRecord = new Array();

    document.body.onmouseover  = function()
    {
     oTableView.onMouseOver(oTableView);
    };
    document.body.onmouseout  = function()
    {
     oTableView.onMouseOut(oTableView);
    };
    document.body.onclick   = function()
    {
     oTableView.onClick(oTableView);
    };
    //
    // add filed to table view.
    oTableView.addFiled("TEXT", "SerialNo", 80, "right");
    oTableView.addFiled("TEXT", "ClassName", 120, "left");
    oTableView.addFiled("TEXTDOC", "Commment", 450, "left");

    newRecord["SerialNo"] = "1";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "2";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "3";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "4";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "5";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "6";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "7";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "8";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "9";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "10";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "11";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "12";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "13";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "14";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "15";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "16";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "17";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "18";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "19";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "20";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "21";
    newRecord["ClassName"] = "Weipengyuan";
    newRecord["Commment"] = "Nan";
    oTableView.addRecord(newRecord);
    newRecord["SerialNo"] = "22";
    newRecord["ClassName"] = "YuRui";
    newRecord["Commment"] = "Ni";
    oTableView.addRecord(newRecord);
    oTableView.updateView();
    window.onresize();
   }

   window.onload = main;

   window.onresize = function(){
    document.all.oFrame.style.left = parseInt(document.body.offsetWidth) / 2 - parseInt(document.all.oFrame.style.width) / 2;
    document.all.oFrame.style.top = parseInt(document.body.offsetHeight) / 2 - parseInt(document.all.oFrame.style.height) / 2;
   };

  -->
  </script>
    </head>
    <body>
  <div id="oFrame" style="position:absolute; left:0; top:0;">
  </div>
    </body>
</html>
2008-09-06 13:08
jingangel_
Rank: 1
等　级：新手上路
帖　子：4
专家分：0
注　册：2008-9-17
第 100 楼
收藏
 得分:0 
已经有很多页面不能看了

[url=http://www..cn]家居装饰图库尽在装饰家[/url]
2008-09-17 17:12
快速回复：js特效集锦
数据加载中...
 
　　　



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 0.055223 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved