手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >COOL而实用的动态效果
COOL而实用的动态效果
摘要:最近在做项目的时候,客户要求表格里的数据可以拖选,于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取,...

最近在做项目的时候,客户要求表格里的数据可以拖选,于是用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;}

/****************************************************************** 此代码为FLYINGFISH原创,你可以免费使用,修改完善。但作为对作者和对你自己的尊重,务必保留此原始版权信息,DESIGNED BY: flyingfishWEB SITE: www.yu5911.cnEMAIL:penglongxiang@gmail.comQQ: 55856710

******************************************************************/

Array.prototype.remove = function(index){ if(isNaN(index)||(index>=this.length)||(index0){ for(k=1;k

【COOL而实用的动态效果】相关文章:

js设置document.domain实现跨域的注意点分析

会自动逐行上升的文本框

JS+CSS实现的拖动分页效果实例

JavaScript函数使用的基本教程

js实现精美的图片跟随鼠标效果实例

总结一些js自定义的函数

JavaScript里实用的原生API汇总

JQuery实现动态添加删除评论的方法

Javascript实现div层渐隐效果的方法

简单实用的网页表格特效

精品推荐
分类导航