这里提供了各种各样的超链接特性,有些是借助伪元素,有些是借助svg,有些是借助HTML5动画。用你的鼠标悬停在这些链接上,给你跟传统链接完全不一样的效果感觉。你需要使用现代浏览器,比如谷歌浏览器或火狐浏览器。
Demo:http://www.webhek.com/misc/link-style/… Read More
1. flag-icon-css CSS for vector based country flags!
Usage
For using the flags inline with text add the classes .flag-icon and .flag-icon-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class flag-icon-squared as well. Example:
<span class="flag-icon flag-ic…
Description
This is a cross platform jQuery library to create a QRcode reader for HTML5 compatible browser.
The decoder used for the QRcode reading is from LazarSoft https://github.com/LazarSoft/jsqrcode
Demo
See a demo here http://dwa012.github.io/html5-qrcode/
Usage
Include html5_qrcode.min.js in the lib directory.
Create a basic <div>… Read More
HTML5有一个重要特性:DeviceOrientation,它将底层的方向和运动传感器进行了高级封装,它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。
查看演示 下载源码
DeviceOrientation包括两个事件:
1、deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等。
2、deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。
HTML
页面上有一个div#hand,用来放置一个手摇的图片,d… Read More
HTML5中,除了其他强大的功能外,同时还增加了audio标签,利用audio标签就可以播放音乐。下面是9个不错的HTML5音乐播放器。
Media Element
MediaElement音频视频播放器是纯HTML5和CSS编写的。同时为很多不同的开源系统提供插件,如WordPress,Drupal,Joomla等
网址:http://mediaelementjs.com/
Scott Andrew’s HTML5 audio player
这个播放器是非常简约,但效果很好。
网址:http://www.scottandrew.com/pub/html5audioplayer/
Speakk… Read More