首页 文章 精选 留言 我的

精选列表

搜索[传媒云原生移动开发平台],共10000篇文章
优秀的个人博客,低调大师

JavaScript表格的隔行换色开发

Html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>隔行换色</title> </head> <body> <table id="tab1" border="1" width="800" align="center" > <tr style="background-color: #999999;" align ="center"> <th>分校ID</th> <th>分校地区</th> <th>操作</th> </tr> <tr align ="center"> <td>1</td> <td>济南分校</td> <td><a href="">修改</a>|<a href="">删除</a></td> </tr> <tr align ="center"> <td>2</td> <td>昆山分校</td> <td><a href="">修改</a>|<a href="">删除</a></td> </tr> <tr align ="center"> <td>3</td> <td>重庆分校</td> <td><a href="">修改</a>|<a href="">删除</a></td> </tr> <tr align ="center"> <td>4</td> <td>内蒙分校</td> <td><a href="">修改</a>|<a href="">删除</a></td> </tr> <tr align ="center"> <td>5</td> <td>大连分校</td> <td><a href="">修改</a>|<a href="">删除</a></td> </tr> </table> </body> </html> JavaScript代码: <script> //页面一打开就自动加载成功 window.onload=function(){ //1.通过标签名称进行获取所有的tr,存放到arr数组中去 var arr=document.getElementsByTagName("tr"); //2.判断奇偶数 添加不同的样式 遍历数组 for(var i=1;i<arr.length;i++){ //如果是偶数行 if(i%2==0){ // 偶数的某一行的样式背景颜色设置为= 亮粉色 arr[i].style.backgroundColor="lightpink"; }else{//否则是奇数行 // 奇数的某一行的样式背景颜色设置为 深天空蓝 arr[i].style.backgroundColor="deepskyblue"; } } } </script> 效果图: 作者: 杨校 出处:http://www.cnblogs.com/xiaoxiao5016 分享是快乐的,也见证了个人成长历程,文章大多都是工作经验总结以及平时学习积累,基于自身认知不足之处在所难免,也请大家指正,共同进步。 本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出, 如有问题, 可邮件(397583050@qq.com)咨询。

优秀的个人博客,低调大师

iOS开发之UIRefreshControl使用踩坑

问题描述 接上一个话题,实现了TabBar的点击刷新以后,开始继续写完成功能,刷新UITableView,于是考虑到iOS 10以后,UIScrollView已经有UIRefreshControl的属性了,干脆用自带的写。于是就有了如下的代码: 添加UIRefreshControl到UITableView上去 UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init]; refreshControl.tintColor = [UIColor grayColor]; refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"]; [refreshControl addTarget:self action:@selector(refreshTabView) forControlEvents:UIControlEventValueChanged]; self.newsTableView.refreshControl = refreshControl; 下拉刷新事件 -(void)refreshTabView { //添加一条数据 [self.newsData insertObject:[self.newsData firstObject] atIndex:0]; dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ [self.newsTableView reloadData]; if ([self.newsTableView.refreshControl isRefreshing]) { [self.newsTableView.refreshControl endRefreshing]; } }); } TabBar点击事件 -(void)doubleClickTab:(NSNotification *)notification{ //这里有个坑 就是直接用NSInteger接收会有问题 数字不对 //因为上个界面传过来的时候封装成了对象,所以用NSNumber接收后再取值 NSNumber *index = notification.object; if ([index intValue] == 1) { //刷新 [self.newsTableView.refreshControl beginRefreshing]; } } 此时的效果如下,直接下拉刷新可以,但是点击TabBar不可以: 刷新异常情况.gif 分析问题 经过Google帮助,终于知道原因,因为系统自带的UIRefreshControl有两个陷阱: 调用-beginRefreshing方法不会触发UIControlEventValueChanged事件; 调用-beginRefreshing方法不会自动显示进度圈。 也就是说,只是调用-beginRefreshing方法是不管用的,那么对应的需要做两件事: 手动设置UIRefreshControl的事件; 手动设置UITableView的ContentOffset,露出进度圈。 解决问题 只需要修改上面第3步中的代码如下: -(void)doubleClickTab:(NSNotification *)notification{ //这里有个坑 就是直接用NSInteger接收会有问题 数字不对 //因为上个界面传过来的时候封装成了对象,所以用NSNumber接收后再取值 NSNumber *index = notification.object; if ([index intValue] == 1) { //刷新 //animated不要为YES,否则菊花会卡死 [self.newsTableView setContentOffset:CGPointMake(0, self.newsTableView.contentOffset.y - self.newsTableView.refreshControl.frame.size.height) animated:NO]; [self.newsTableView.refreshControl beginRefreshing]; [self.newsTableView.refreshControl sendActionsForControlEvents:UIControlEventValueChanged]; } } 最终效果: 刷新正常情况.gif

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring

Spring框架(Spring Framework)是由Rod Johnson于2002年提出的开源Java企业级应用框架,旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念,提供核心容器、应用上下文、数据访问集成等模块,支持整合Hibernate、Struts等第三方框架,其适用范围不仅限于服务器端开发,绝大多数Java应用均可从中受益。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册