标签:HTML5

HTML5

CSS3 linear-gradient线性渐变教程

herman 7年前 (2017-10-30) 3259浏览 0评论

CSS3 Backgrounds比较厉害的一个地方就是支持多背景,也就是背景图片个数可以无限累加,正好CSS3的gradient渐变性质是background-image,于是,我们可以实现任意数量渐变背景图的叠加效果。甚至,理论上,任意彩色jp...

HTML5

text-jusyify下的inline-block自适应列表布局实例

herman 7年前 (2017-10-23) 1848浏览 0评论

很多时候,我们希望列表的最后一行是左对齐排列的,而不是两端对齐,这时候怎么办呢?原理与上面的两端对齐一致。就是复制几个列表元素的外层标签,等宽,但高度为0,里面就是个(不可缺),复制的个数一般就是每行元素的列表个数啦,这样肯定可以保证最后一行元素...

HTML5

display:inline-block/text-align:justify教程(css两端对齐)

herman 7年前 (2017-10-23) 2304浏览 0评论

css两端对齐布局非常重要。前端时间网上流传的关于Android版手机微信连续输入句号手机卡死的问题在网上引起了热议。《Android 版微信的「两位数字+15个句号」 bug 的原理是怎样的?》这篇文章通过对Android版的微信进行了分析,找...

HTML5

业余草教你实现日历待办任务展示万年历

herman 7年前 (2017-10-19) 2104浏览 0评论

这个标题我考究了很久,不知道如何才能起的完美。想来想去,浪费脑力,于是就随便起了一个标题。本文是一款日历控件,该日历插件可以实现待办事件的展示,并且可以获得下一月,上一月等其他月份的待办事件提醒功能。 先来看看效果: 再这里,...

HTML5

业余草 HTML5 + jQuery 实现日历待办事项demo

herman 7年前 (2017-10-19) 5456浏览 0评论

做 OA 或者 ERP ,也或者 EHR 等项目时,常常需要一些日历控件,显示出当前月需要待办的事件。我在网上搜索了很久,发现没有特别适合的日历控件,因此我自己基于 jQuery 实现了一款日历控件。本文将详细介绍它的相关实现。 老规矩,我...

HTML5

ES(ECMAScript)中DOM API之after()

herman 7年前 (2017-10-13) 1726浏览 0评论

after()和before()的语法特性兼容性都是一一对应的,差别就在于语义上,一个是在前面插入,一个是在后面插入。他们的语法非常类似。 下面我们通过一个完整的实例来搞定它。 HTML代码: <img id="...

HTML5

HTML5 + CSS3 实现闪光字

herman 7年前 (2017-09-19) 5060浏览 0评论

马路上有很多用来装饰的滚动字幕,有些还闪闪发光,看起来很炫。本文通过 HTML5 + CSS3 的技术来实现这一特效(闪光字)。 闪光字,顾名思义就是会发光并会闪烁的字体。简称闪光字。 上图是我在网上寻找的一个类似的闪光字效果...

HTML5

HTML5的document.querySelectorAll使用教程

herman 7年前 (2017-08-16) 2961浏览 0评论

曾几何时,jQuery一度是我们使用率最高的第三方框架了。人们和犯了病一样的,任何项目,不管大小全部都是首先引入jQuery。 这样的怪现象在今后可能会逐渐减少,w3c正在努力人让门减少对jQuery的依赖。因此在HTML5诞生依赖,类似j...

HTML5

HTML5 video blob

xmt_herman_gcy 7年前 (2017-07-05) 72616浏览 0评论

今天发现慕课网中的视频播放地址使用了Blob加密。这是一种新的用法,我是第一次发现。因此便研究了一下它的用法。 采用Blob可以在一定程度上模糊住大家。例如下面的这个播放地址: blob:http://simpl.info/884...

HTML5

使用Canvas实现黑客帝国数字雨屏保

herman 7年前 (2017-06-18) 6252浏览 2评论

如果你的电脑设置了屏保(屏幕保护),长时间不动屏保就会显示出来。尤其是一些绚丽的屏保,拥有流畅的动画。今天我们就用 HTML5 的 Canvas 功能实现一款仿文字雨黑客帝国特效的屏保。 下面我们先看一下运行效果: 上面这张图...

HTML5

使用HTML5 Canvas实现火焰风暴动画

herman 7年前 (2017-06-11) 3592浏览 1评论

继续我们的 HTML5 动画学习系列。本文将为大家分享一款基于 HMTL5 Canvas 实现的火焰风暴动画,通过本文的学习,你将进一步加深对 HTML5 动画的理解。 火焰风暴动画是利用HTML5技术实现的。前面我们已经实现过不少动画特效...

HTML5

HTML5 实现3D翻转立方体

herman 7年前 (2017-06-11) 3249浏览 0评论

我渐渐的迷上了 HTML5 的动画,它总能给我带来很大惊喜。今天继续为大家分享一款使用 HTML5 动画制作的 3D 翻转立方体效果。本文将为大家介绍 HTML5 动画的制作过程。 网上基于 HTML5 的立方体动画有很多,有些是...

HTML5

使用 HTML5 制作像素太空战机游戏

herman 7年前 (2017-06-11) 3875浏览 0评论

最近看了下百度对我网站的索引量,有好几天没有收录了。今年6月我给自己定的目标是索引量是1500。年底网站百度权重到3。为了实现我的目标,就不得不多写文章。 今天为大家分享一款基于 HTML5 的像素太空战机游戏。该HTML5游戏的主角是一架...