随笔分类 - HTML5

摘要:点击进入更详细教程及源码下载 在线演示我们经常会在网站中看见一个时钟的效果。今天向大家分享一个使用jQuery和CSS3实现一个数字时钟教程。http://www.html5cn.org/article-5279-1.html代码:<div id="clock" class="light"> <div class="display"> <div class="weekdays"></div> <div class="ampm">< 阅读全文
posted @ 2013-06-18 12:06 -j神----- 阅读(543) 评论(0) 推荐(0) 编辑
摘要:在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。oninput 是 HTML5 的标准事件,对于检测textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即 阅读全文
posted @ 2012-12-03 11:04 -j神----- 阅读(162) 评论(0) 推荐(0) 编辑
摘要:在Web开发中,加载动画是非常有用的,不要低估它,它可以让网站响应用户的交互,让用户知道服务器正在处理请求,并告知用户需要等待一段时间。通常加载动画是GIF格式的,但是现在我们有强大的浏览器和技术(VML和Canvas),加载动画不再只限于GIF格式,它可以由JavaScript来生成,并高度可定制,以下是我整理的5个JavaScript实现的加载动画方案。 这些动画并不是所有的都能在老的浏览器上实现,比如IE6、IE7和IE8。但是其中activity indicator 和 spin.js同时支持VML(IE可支持)和Canvas(最新的浏览器可支持)。 1. Activity Indic 阅读全文
posted @ 2012-11-22 10:11 -j神----- 阅读(1181) 评论(2) 推荐(0) 编辑