COOL而实用的动态效果

2016-02-19 12:37 5 1 收藏

给自己一点时间接受自己,爱自己，趁着下午茶的时间来学习图老师推荐的COOL而实用的动态效果，过去的都会过去，迎接崭新的开始，释放更美好的自己。

【 tulaoshi.com - Web开发】

最近在做项目的时候，客户要求表格里的数据可以拖选，于是用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<a href="http://www.tulaoshi.com/webkaifa/" style="position:absolute;left:-10000px;">（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）</a> M T W T F S S M<a href="http://www.tulaoshi.com/webkaifa/" style="position:absolute;left:-10000px;">（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）</a> T W T F S S M T W T F S S M T W T F S S<a href="http://www.tulaoshi.com/webkaifa/" style="position:absolute;left:-10000px;">（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）</a> M T W T F S S JanFebMarAprMay JunJulAugSepOct NovDec <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>

来源:http://www.tulaoshi.com/n/20160219/1601329.html

上一篇： win10音量调节图标小喇叭不见了怎么办
下一篇：一个简单Tracer类,用来为应用写入跟踪

看过《COOL而实用的动态效果》的人还看了以下文章更多>>

手机QQ什么词会触发动态效果？

标签：手机软件应用软件

手机QQ什么词会触发动态效果？目前小编知道的有水、催眠大师、怀表等。在手机QQ中打开动态进入气泡、主题、表情进入原创表情或多彩气泡。 qq敏感词汇介绍呆象出没气泡来说，当在气泡中输入晕倒、晕死、无语等字样时，气泡中的大象也会表现出眩晕圈、眩晕眼等表情。恋糖猫怎么动的哈，当输入哈哈、嘿嘿...

ios7.0.3设置动态效果提升反应速度方法

标签： iphone iPhone 5s iPhone 6 iphone刷机

ios7.0.3设置动态效果提升反应速度方法 1)点击桌面的设置，在设置界面找到点击通用。(如下图所示) www.tulaoshi.com; 2)在通用界面找到点击辅助功能，在辅助功能界面找到减少动态效果。(如下图所示) 3)在减少动态效果界面点击开启按钮。这样减少动态效果就设置好了。手机反应速度也会提升。(如下图所示...

详细解析如何丰富APP动态效果的六点原则

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

这篇文章是百度云UE负责人elya妞撰写的，从动效的6个方面详析怎样借移动应用强力提升APP品质，篇幅虽短，但是总结精炼，很值得一读。如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机;丰富的动效可以让你的应用彰显效率，提升品质感;丰富的动效可以让你的应用充满魅力，引人探索;丰富的...

简约而不简单美观而实用的现代家装

卫浴客厅小布置装饰品玄关书房卧室二楼的全景

遮罩效果的动态文本

标签： flash教程

上例我们只制作了一个语文课件的标题“枫桥夜泊”，今天我们接着往下做诗体的出现，是一种遮罩效果。今天学两个要点，一个要点是利用实例的“Alpha”值的变化来控制文本的出现与消失；另一个是利用“遮罩层”来实现文本的动态出现的。第1步，启动Flash MX,单击“文件”→“打开”，弹出“打开”对话框，找到我们上例所做的文件...

查看更多精彩>>