COOL而实用的动态效果

发布时间：2006-07-31　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

最近在做项目的时候，客户要求表格里的数据可以拖选，于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取，全癣反癣清除，在数据表格内拖拉出的矩形范围的单元格数据全眩PS:1.如果数据单元格没有数据，请将ID设为空或去掉ID，样

最近在做项目的时候，客户要求表格里的数据可以拖选，于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取，全癣反癣清除，在数据表格内拖拉出的矩形范围的单元格数据全眩

PS:

1.如果数据单元格没有数据，请将ID设为空或去掉ID，样式为"inactive".则选择时会跳过此单元格。

2.如果不想某个单元格被选，请将class设为“bg_green”,则选择时会跳过此单元格。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>calendar</title> <style type="text/css"> /*button style*/ .button{ padding: 2px; color: #F5F5F5; background-color: #3665A5; border-width: 1px 2px 2px 1px; border-color: #D2D2D2 #305B93 #305B93 #D2D2D2; border-style: solid; font: bold 14px verdana; } body,td{margin:0;font:12px verdana;cursor:default;} #ca td{/*width:20px;height:25px;*/border-right:1px solid;border-bottom:1px solid;text-align:center;} .daysTitle td{border-right:1px solid #A6D2FF;text-align:center;font-weight:bold;} .font_red{color:red;} .monthsTitle td{border-bottom:1px solid #A6D2FF;text-align:center;color:#fafafa;} .bg_red{background-color:#FF0000;color:#FFFFCC; border-color:#FFCCCC;} .bg_green{background-color:#00CC00;} .inactive{background-color:#E1F0FF; border-color:#A6D2FF;} .noData{background-color:#ccc; border-color:#999;} </style> </head> <body> <INPUT class=button type=submit value=" < " name=Submit3> 2006 <INPUT class=button type=submit value=" > " name=Submit4> M T W T F S S M T W T F S S M T W T F S S M T W T F S S M T W T F S S M T W T F S S Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec <input name="Submit" type="button" class="button" onClick="selectAll(true)" value="Select All"> <input name="Submit" type="button" class="button" onClick="resetAll()" value="Reset All"> <input name="Submit" type="button" class="button" onClick="selectAll(false)" value="Reverse Select"> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：不错显示时间特效

下一篇：非常酷的有农历的日历挂历!

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

COOL而实用的动态效果

相关推荐

文章分类

热门关键词

热门文章

最新更新