作家
登录

COOL而实用的动态效果

作者: 来源:www.28hudong.com 2013-03-30 04:06:17 阅读 我要评论

最近在做项目的时候,客户要求表格里的数据可以拖选,于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取,全选、反选、清除,在数据表格内拖拉出的矩形范围的单元格数据全选。 PS: 1.如果数据单元格没有数据,请将ID设为空或去掉ID,样式为"inactive".则选择时会跳过此单元格。 2.如果不想某个单元格被选,请将class设为“bg_green”,则选择时会跳过此单元格。 calendar /*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;} 2006 " 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 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  点击变化图象 不错

=0?'images/blue/newtopic.gif':'images/blue/logo.gif'" src="images/blue/newtopic.gif"/> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:COOL而实用的动态效果

地址:http://www.17bianji.com/kaifa2/JS/31630.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)