e股脑电脑教程网
  • 首 页
  • 操作系统
  • 应用软件
  • 下载工具
  • 影音视频
  • 办公软件
  • 媒体制作
  • 网站建设
  • 平面设计
  • 数据库
  • 程序开发
  • 视频教程
编辑推荐: | 文章搜索:
您现在的位置: e股脑 >> 网站建设 >> Dreamweaver教程 >> TabStrip应用例子 >> 教程正文
 
教程搜索
 
 
相关教程
  • DW MX 设计留言本实战(5)
  • DW MX 设计留言本实战(2)
  • DW MX 设计留言本实战(3)
  • DW MX 设计留言本实战(6)
  • DreamwaverMX与ASP.NET(十一)
  • DreamwaverMX与ASP.NET(九)
  • DreamwaverMX与ASP.NET(十三)
  • DreamwaverMX与ASP.NET(十五)
  • DreamwaverMX与ASP.NET(十七)
  • DreamwaverMX与ASP.NET(十)
  • DreamwaverMX与ASP.NET(十四)
  • DreamwaverMX与ASP.NET(十六)
  • DreamwaverMX与ASP.NET(十八)
  • DreamwaverMX与ASP.NET(七)
  • DreamwaverMX与ASP.NET(十二)
  • DreamwaverMX与ASP.NET(十九)
 
 

图文教程


  • Windows抢了谁的饭碗 非主流操作系统To

  • 地球还是火星 平常心看“非主流”

  • 综合运用Office 2007批量制作奖状

  • 没有系统盘如何才能修复受损系统?

  • 巧妙运用Excel中边界的附加功能!
 
 
赞 助 商
 
 
TabStrip应用例子
  • 来源:e股脑
  • 点击次数:
  • 更新时间:2007-8-9

<html>

<head>

<title>插入表格</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<body bgcolor=buttonface scroll=no topmargin=5>

<style type="text/css">

div,td{cursor:default;font-family:宋体;font-size:9pt;}

</style>

<script language=javascript>

function TableOK(){

var dotable,tmpcol,tmprow,docol,dorow

if(tba[0].checked){algn="left";}

if(tba[1].checked){algn="center";}

if(tba[2].checked){algn="right";}

tmpcol="<td align="+algn+"></td>";

docol=""

dorow=""

for ( var i=0; i<tbc.value; i++ ){

docol=docol+tmpcol;

}

docol="<tr>"+docol+"</tr>"

for ( var j=0; j<tbr.value; j++ ){

dorow=dorow+docol;

}

dotable="<table border="+tbb.value+" cellspacing="+tbs.value+" cellpadding="+tbp.value+">"+dorow+"</table>"

alert(dotable);

}

</script>

<script language=VBScript>

Sub TabStrip_Change()

if (TabStrip.Value = 0) then

Page1.style.visibility = "hidden"

Page0.style.visibility = "visible"

end if

if (TabStrip.Value = 1) then

Page0.style.visibility = "hidden"

Page1.style.visibility = "visible"

end if

end sub

</script>

<center>

<object id="TabStrip" classid="clsid:eae50eb0-4a62-11ce-bed6-00aa00611080" style="WIDTH: 285px; HEIGHT: 150px" >


<param name="ListIndex" value="0">

<param name="NewVersion" value="-1">

<param name="Accelerator" value="&A;B;">

<param name="TipStrings" value="这是一般设定;这是高级设定;">

<param name="FontName" value="宋体">

<param name="Items" value="一般设定;高级设定;">

</object>

<div id="Page0" style="visibility:visible;position:absolute;left:expression((TabStrip.offsetLeft + 6) + 'px');top:expression((TabStrip.offsetTop + 30) + 'px');width:280px;height:200px;text-align:left;">

<table border=0 cellpadding=0 cellspacing=2>

<tr><td>边框粗细:</td><td><input type=text name=tbb size=20 value="1" maxlength=2 onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" class=hole></td><td>px</td></tr>

<tr><td>表格行数:</td><td><input type=text name=tbc size=20 value="2" maxlength=2 onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" class=hole></td><td>行</td></tr>

<tr><td>表格列数:</td><td><input type=text name=tbr size=20 value="2" maxlength=2 onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" class=hole></td><td>列</td></tr>

</table>

</div>

<div id="Page1" style="visibility:hidden;position:absolute;left:expression((TabStrip.offsetLeft + 6) + 'px');top:expression((TabStrip.offsetTop + 30) + 'px');width:280px;height:200px;text-align:left;">


<table border=0 cellpadding=0 cellspacing=2>

<tr><td>边框间距:</td><td><input type=text name=tbs size=16 maxlength=2 value="2" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" class=hole></td><td width=85>px</td></tr>

<tr><td>边距大小:</td><td><input type=text name=tbp size=16 maxlength=2 value="2" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" class=hole></td><td>px</td></tr>

<tr><td>对齐方式:</td><td colspan=2><input type=radio name=tba checked>左<input type=radio name=tba>中<input type=radio name=tba>右</td></tr>

</table>

</div>

<div align="center" style="position:absolute;left:expression((TabStrip.offsetLeft + 6) + 'px');top:expression((TabStrip.offsetTop + TabStrip.style.posHeight - 30) + 'px');width:280px;height:80px;" align="center">

<table border=0 cellpadding=0 cellspacing=0>

<tr>

<td width=50 align=center><input type=button onclick="window.close();" value="取消" class=cmdbtn></td>

<td width=50 align=center><input type=button onclick="TableOK();" value="完成" class=cmdbtn>&l

1 2 下一页
  • 上一篇教程: 用模板和库批量修改网页(上)
  • 下一篇教程: 用Dreamweaver制作网页相册
  •  

    关于本站 | 广告联系 | 版权声明 | 使用帮助

    Copyright © 2004-2008 www.egunao.com All rights reserved.