HTML5 扩展之微数据语法教程
herman 8年前 (2017-03-24) 3139浏览 0评论
继续前面的微数据实例我们接着往下学习!附上前面微数据的文章《HTML5 微数据 RDFa/微格式》。 在学习了微数据的概念和格式之后,我们已经对微数据有了初步的了解。下面我再贴几个截图,进一步加深大家对微数据的理解。 HTML5 微数...
herman 8年前 (2017-03-24) 3139浏览 0评论
继续前面的微数据实例我们接着往下学习!附上前面微数据的文章《HTML5 微数据 RDFa/微格式》。 在学习了微数据的概念和格式之后,我们已经对微数据有了初步的了解。下面我再贴几个截图,进一步加深大家对微数据的理解。 HTML5 微数...
herman 8年前 (2017-03-23) 4152浏览 1评论
微数据在国内还没有引起足够的重视,只是一些大公司在使用。例如:微博、豆瓣等。小的网站大多都没有意识到微数据的重要性,而国外的GOOGLE、YAHOO、BING都在支持这个标准。 什么是微数据 看了百度百科的微数据,和我这里讨论的微数据...
herman 8年前 (2017-03-23) 6344浏览 0评论
两个小时前,有网友在论坛里问我。如何使用 HTML5 实现 文本框输入内容后带有模糊匹配的功能。这其实很简单,而且jQuery也为我们提供了相应的插件 Autocomplete.js。这不是一项新技术,百度一搜有很多相关的文章。在这里我...
herman 8年前 (2017-03-19) 3922浏览 1评论
我在 CSDN 写过一篇关于 HTML5视频播放器 video.js 的使用。但是后来还有很多网友问我关于 vcastr 播放器的使用,于是我这里在整理一下关于 vcastr 播放器的相关知识,大家共勉! vcastr&...
herman 8年前 (2017-03-18) 15420浏览 1评论
最近有群里的网友私聊我,问我如何实现可预览的多文件上传功能。我就推荐了 Bootstrap 的 fileinput.js 插件,在这里我再整理一下它的具体用法! fileinput.js 实现文件上传的运行效果 fileinp...
herman 8年前 (2017-03-14) 6030浏览 0评论
在电视上我们经常看到打有马赛克的嫌疑犯。另外微信朋友圈中的照片红包也红极一时,那么如何使用 JavaScript 来实现图片马赛克呢?下面我们将借助一款js插件来实现该功能! pixelator.js 是一款可以用来将图片制作成马赛克效果的...
herman 8年前 (2017-03-12) 13673浏览 0评论
在前面的一篇文章中,我详细的分析了滑动验证码的实现原理。在本文中,我们在通过实现滑动验证码的案例和代码进一步加深理解。 我们先来看一下最终的实现效果: 滑动验证码实现过程 先实现一个div,内容便是“拖动...
herman 8年前 (2017-03-12) 17835浏览 0评论
早期的互联网是没有验证码的,随着后来计算机程序的发展,黑客编写了模仿登录、恶意破解密码、刷票、论坛灌水等恶意程序,破坏了整个网络的平衡性。于是验证码这种验证是否是人工操作的检验机制便产生了。随着验证码的出现,它可以防止:恶意破解密码、刷票、论坛灌...
herman 8年前 (2017-03-03) 3642浏览 0评论
最近想给网站添加了目录功能,方便阅读。我研究了很久不知道放到哪里合适,在 CODE大全 上斟酌了半天,也没有确定是否最终使用,我采用了多种方式实现。今天先给大家分享仿百度百科右侧导航的实现方法。 先看小运行效果: 看起来还不错...
herman 8年前 (2017-02-28) 6053浏览 0评论
随着移动支付在国内的兴起,越来越多的付费内容越多如雨后春笋般的冒了出来。其中以《逻辑思维》、罗振宇、李笑来为主要代表作品和人物。可以说是时候在自己的博客上添加打赏功能了。那么对于不会写代码的如何快速的一键添加打赏功能呢?下面为大家介绍一款插件,支...
herman 8年前 (2017-02-22) 9752浏览 0评论
Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支持这个控件。 滑动条各浏览器原始样式 ...
herman 8年前 (2017-02-22) 5477浏览 1评论
最近有网友问到了,HTML5 Canvas的缩放图片功能。我这里整理一下关于Canvas的相关图片操作写了一个实例,希望对大家能有所帮助! <!DOCTYPE html> <html> <h...
herman 8年前 (2017-02-19) 2946浏览 0评论
接着上面一章的内容《CSS3 弹性盒布局模型简介》,我们接着讲 CSS3 的弹性盒布局模型。从最基本的布局开始介绍弹性盒布局模型。要实现的布局效果是一个简单的图片缩略图预览页面。 实例代码如下: <style type=&quo...
herman 8年前 (2017-02-19) 3031浏览 0评论
弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主...
herman 8年前 (2017-02-09) 2510浏览 1评论
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个i...