<html>
<head>
<title>直接输入的Excel表格</title>
<script language="javascript" type="text/javascript">
function hilite(obj) {
//选择包含<input>的<td>标记
obj = document.getElementById("td"+obj.name.toString());
obj.style.border = '2px solid #007EFF'; //加粗、变色
}
function delite(obj) {
obj = document.getElementById("td"+obj.name.toString());
obj.style.border = '1px solid #ABABAB'; //恢复回原来的边框
}
</script>
<style>
<!--
table.formdata{
border:1px solid #5F6F7E;
border-collapse:collapse;
font-family:Arial;
}
table.formdata caption{
text-align:left;
padding-bottom:6px;
}
table.formdata th{
border:1px solid #5F6F7E;
background-color:#E2E2E2;
color:#000000px;
text-align:left;
font-weight:normal;
padding:2px 8px 2px 6px;
margin:0px;
}
table.formdata td{
margin:0px;
padding:0px;
border:1px solid #ABABAB; /* 单元格边框 */
}
table.formdata input{
width:100px;
padding:1px 3px 1px 3px;
margin:0px;
border:none; /* 输入框不要边框 */
font-family:Arial;
}
.btn{
border:1px solid #0083f2;
font-family:Arial;
}
-->
</style>
<style type="text/css">
<!--
body{
background-color:#f8ffd3;
margin:0px; padding:0px;
}
table.banner{
background:url(banner_bg.jpg) repeat-x;
width:100%;
}
table.btn{
background:url(button1_bg.jpg) repeat-x;
width:100%;
}
#navigation{
margin:0px; padding:0px;
list-style-type:none;
height:32px;
font-size:12px;
}
#navigation li{
text-align:center; width:130px; height:32px;
background:url(button1.jpg) repeat-x;
float:left;
}
#navigation li a{
padding:10px 0px 10px 0px;
text-decoration:none;
display:block;
}
#navigation li a:link, #navigation li a:visited{color:#526d00;}
#navigation li a:hover{
color:#FFFFFF;
background:url(button2.jpg) no-repeat;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<form method="post">
<table class="formdata">
<caption>公司销售统计表 2004~2007</caption>
<tr>
<th></th>
<th scope="col">2004</th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">硬盘(Hard Disk)</th>
<td id="tdharddisk2004"><input type="text" name="harddisk2004" id="harddisk2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdharddisk2005"><input type="text" name="harddisk2005" id="harddisk2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdharddisk2006"><input type="text" name="harddisk2006" id="harddisk2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdharddisk2007"><input type="text" name="harddisk2007" id="harddisk2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">主板(Mainboard)</th>
<td id="tdmainboard2004"><input type="text" name="mainboard2004" id="mainboard2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdmainboard2005"><input type="text" name="mainboard2005" id="mainboard2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdmainboard2006"><input type="text" name="mainboard2006" id="mainboard2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdmainboard2007"><input type="text" name="mainboard2007" id="mainboard2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">内存条(Memory Disk)</th>
<td id="tdmemory2004"><input type="text" name="memory2004" id="memory2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdmemory2005"><input type="text" name="memory2005" id="memory2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdmemory2006"><input type="text" name="memory2006" id="memory2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdmemory2007"><input type="text" name="memory2007" id="memory2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">机箱(Case)</th>
<td id="tdcase2004"><input type="text" name="case2004" id="case2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdcase2005"><input type="text" name="case2005" id="case2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdcase2006"><input type="text" name="case2006" id="case2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdcase2007"><input type="text" name="case2007" id="case2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">电源(Power)</th>
<td id="tdpower2004"><input type="text" name="power2004" id="power2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdpower2005"><input type="text" name="power2005" id="power2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdpower2006"><input type="text" name="power2006" id="power2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdpower2007"><input type="text" name="power2007" id="power2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">CPU风扇(CPU Fan)</th>
<td id="tdcpufan2004"><input type="text" name="cpufan2004" id="cpufan2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdcpufan2005"><input type="text" name="cpufan2005" id="cpufan2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdcpufan2006"><input type="text" name="cpufan2006" id="cpufan2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdcpufan2007"><input type="text" name="cpufan2007" id="cpufan2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">总计(Total)</th>
<td id="tdtotal2004"><input type="text" name="total2004" id="total2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdtotal2005"><input type="text" name="total2005" id="total2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdtotal2006"><input type="text" name="total2006" id="total2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
<td id="tdtotal2007"><input type="text" name="total2007" id="total2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
</table>
<p><input type="submit" name="btnSubmit" id="btnSubmit" value="Add Data" class="btn">
<input type="reset" value="Reset All" class="btn"></p>
</form>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
css与JavaScript与图片美化
共24个文件
jpg:13个
html:9个
db:2个
3星 · 超过75%的资源 需积分: 9 12 下载量 10 浏览量
2008-11-07
09:05:05
上传
评论
收藏 578KB RAR 举报
温馨提示
里面含有漂亮的相册,一些图片的美丽效果如跑马灯,文字由远到近的变化,图片的淡入淡出,ppt幻灯片,灯光效果,舞台灯光,还有一个漂亮的相册。
资源推荐
资源详情
资源评论
收起资源包目录
css与javascript与图片美化.rar (24个子文件)
第13章
13-13.html 1KB
13-8.html 2KB
13-10.html 2KB
mm.jpg 50KB
13-14.html 3KB
13-6.html 6KB
13-7.html 1KB
photo
02.jpg 48KB
01.jpg 54KB
03.jpg 71KB
04.jpg 45KB
07.jpg 62KB
10.jpg 61KB
09.jpg 71KB
Thumbs.db 44KB
05.jpg 63KB
06.jpg 70KB
08.jpg 61KB
fish.jpg 82KB
13-9.html 2KB
Thumbs.db 19KB
13-12.html 2KB
building.jpg 68KB
13-11.html 1KB
共 24 条
- 1
资源评论
- ruanjian0982013-06-14还好,不是我要的效果
mopepeng
- 粉丝: 2
- 资源: 21
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功