代码改变世界

随笔档案-2014年04月

js中的数组对象排序

2014-04-27 19:15 by 那时候的我, 176916 阅读, 收藏, 编辑
摘要: 一、普通数组排序 js中用方法sort()为数组排序。sort()方法有一个可选参数,是用来确定元素顺序的函数。如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序。如:var arr = ["a", "b", "A", "B"];arr.sort();console.log(... 阅读全文

CSS3图片轮播效果

2014-04-27 11:44 by 那时候的我, 24230 阅读, 收藏, 编辑
摘要: 在网页中用到图片轮播效果,单纯的隐藏、显示,那再简单不过了,要有动画效果,如果是自己写的话(不用jquery等),可能要费点时间。css3的出现,让动画变得不再是问题,而且简单易用。下面介绍我用css3与js写的一个图片轮播效果。 一般图片轮播就是三四张图片: ... 阅读全文

HTML5 canvas制作童年的回忆大风车

2014-04-20 16:38 by 那时候的我, 2909 阅读, 收藏, 编辑
摘要: 今天看到一篇CSS3写的大风车http://www.cnblogs.com/yaojaa/archive/2013/01/30/2882521.html,感觉CSS3太神奇了,这在以前用CSS是想都不敢想的。记得去年自己用canvas也写过这样的大风车,今天我打算用canvas制作一个一模一样的... 阅读全文

js实现滑动器效果

2014-04-17 14:08 by 那时候的我, 7679 阅读, 收藏, 编辑
摘要: 最近公司在做一个项目,页面中要用到滑动器效果,我的第一反应是使用HTML5 input类型中的range类型,但马上我就否定了这个想法,因为range类型存在浏览器的兼容性问题(在主流浏览器中)。但又不想在网上随便抄别人写的,于是就自己动手写了一个滑动器。 先贴上效果图: 滑动器的HTML代... 阅读全文

从日历中获取想要的日期

2014-04-13 15:04 by 那时候的我, 1495 阅读, 收藏, 编辑
摘要: 今天这篇要写的东西其实和上一篇文章是同一个任务中的。就是在输入框中输入时间段,然后从数据库中获取这个时间段的所有数据,下面是效果图:点击日历上的日期,输入框中就会显示选择的日期。 要想实现这个效果,首先得有一个日历,刚好之前有写过一个简单的日历插件,所以就派上用场了。下面是日历的代码: ... 阅读全文

使用DataTables导出html表格

2014-04-12 22:32 by 那时候的我, 7884 阅读, 收藏, 编辑
摘要: 去年与同事一起做一个小任务,需要把HTML表格中的数据导出到Excel。用原生js想要实现,只有IE浏览器提供导出到微软的Excel的接口,这就要求你电脑上必须安装IE浏览器、Excel,而且必须修改IE浏览器的默认设置,这让电脑上没安装IE浏览器与不喜欢用IE浏览器的人情何以堪。今天我向大家介... 阅读全文

使用HTML5制作loading图

2014-04-10 22:04 by 那时候的我, 1312 阅读, 收藏, 编辑
摘要: 昨天发了一篇使用HTML5 canvas写的时钟的文章,今天发一篇关于使用HTML5制作loading图的文章。 这是效果图:这一篇也是没有注释,但这一篇比上一篇更容易理解。后面还会有一些关于HTML5 canvas的文章,都是去年写的。 阅读全文

使用HTML5制作时钟

2014-04-09 22:53 by 那时候的我, 2298 阅读, 收藏, 编辑
摘要: 之前看到别人用HTML5制作时钟,自己也写了一个,这是很久以前写的了,没有注释,现在自己看都晕了(注释的重要性就体现在这边了),找时间加上注释,让自己和别人都比较好理解。 1 2 3 4 html5时钟 5 6 7 8 9 96 97 这是时钟效果:外观不太好看... 阅读全文