HTML5 扩展之微数据语法教程

herman 8年前 (2017-03-24) 3139浏览 0评论

继续前面的微数据实例我们接着往下学习!附上前面微数据的文章《HTML5 微数据 RDFa/微格式》。 在学习了微数据的概念和格式之后,我们已经对微数据有了初步的了解。下面我再贴几个截图,进一步加深大家对微数据的理解。 HTML5 微数...

HTML5 微数据 RDFa/微格式

herman 8年前 (2017-03-23) 4152浏览 1评论

微数据在国内还没有引起足够的重视,只是一些大公司在使用。例如:微博、豆瓣等。小的网站大多都没有意识到微数据的重要性,而国外的GOOGLE、YAHOO、BING都在支持这个标准。 什么是微数据 看了百度百科的微数据,和我这里讨论的微数据...

使用 jQuery 的 Autocomplete 插件实现input输入提示功能

herman 8年前 (2017-03-23) 6344浏览 0评论

两个小时前,有网友在论坛里问我。如何使用 HTML5 实现 文本框输入内容后带有模糊匹配的功能。这其实很简单,而且jQuery也为我们提供了相应的插件 Autocomplete.js。这不是一项新技术,百度一搜有很多相关的文章。在这里我...

视频播放器 vcastr 使用详解

herman 8年前 (2017-03-19) 3922浏览 1评论

我在 CSDN 写过一篇关于 HTML5视频播放器 video.js 的使用。但是后来还有很多网友问我关于 vcastr 播放器的使用,于是我这里在整理一下关于 vcastr 播放器的相关知识,大家共勉! vcastr&...

使用 pixelator.js 实现图片马赛克功能

herman 8年前 (2017-03-14) 6030浏览 0评论

在电视上我们经常看到打有马赛克的嫌疑犯。另外微信朋友圈中的照片红包也红极一时,那么如何使用 JavaScript 来实现图片马赛克呢?下面我们将借助一款js插件来实现该功能! pixelator.js 是一款可以用来将图片制作成马赛克效果的...

HTML5实现滑动验证码

herman 8年前 (2017-03-12) 13673浏览 0评论

在前面的一篇文章中,我详细的分析了滑动验证码的实现原理。在本文中,我们在通过实现滑动验证码的案例和代码进一步加深理解。 我们先来看一下最终的实现效果: 滑动验证码实现过程 先实现一个div,内容便是“拖动...

滑动验证码的实现原理

herman 8年前 (2017-03-12) 17835浏览 0评论

早期的互联网是没有验证码的,随着后来计算机程序的发展,黑客编写了模仿登录、恶意破解密码、刷票、论坛灌水等恶意程序,破坏了整个网络的平衡性。于是验证码这种验证是否是人工操作的检验机制便产生了。随着验证码的出现,它可以防止:恶意破解密码、刷票、论坛灌...

HTML5 仿百度百科右侧导航

herman 8年前 (2017-03-03) 3642浏览 0评论

最近想给网站添加了目录功能,方便阅读。我研究了很久不知道放到哪里合适,在 CODE大全 上斟酌了半天,也没有确定是否最终使用,我采用了多种方式实现。今天先给大家分享仿百度百科右侧导航的实现方法。 先看小运行效果: 看起来还不错...

为你的博客一键添加打赏功能

herman 8年前 (2017-02-28) 6053浏览 0评论

随着移动支付在国内的兴起,越来越多的付费内容越多如雨后春笋般的冒了出来。其中以《逻辑思维》、罗振宇、李笑来为主要代表作品和人物。可以说是时候在自己的博客上添加打赏功能了。那么对于不会写代码的如何快速的一键添加打赏功能呢?下面为大家介绍一款插件,支...

HTML5 自定义input[type=”range”]滑动条样式

herman 8年前 (2017-02-22) 9752浏览 0评论

Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支持这个控件。 滑动条各浏览器原始样式 ...

CSS3 弹性盒布局模型 实例教程

herman 8年前 (2017-02-19) 2946浏览 0评论

接着上面一章的内容《CSS3 弹性盒布局模型简介》,我们接着讲 CSS3 的弹性盒布局模型。从最基本的布局开始介绍弹性盒布局模型。要实现的布局效果是一个简单的图片缩略图预览页面。 实例代码如下: <style type=&quo...

CSS3 弹性盒布局模型简介

herman 8年前 (2017-02-19) 3031浏览 0评论

弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主...

jQuery选择器使用教程

herman 8年前 (2017-02-09) 2510浏览 1评论

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法  $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个i...