摘要：今天在做一个活动页面时，产品想要在页面中添加一个吸引人注意的小图片左右晃动的效果，并且该效果是间歇执行的。我一想应该挺简单的吧，二话没说就答应了，谁知在真正实现的时候才发现还是有些许困难的。于是就在网上各种找资料，找的过程中，只是发现了可以左右晃动摇摆的css3动画效果，却没有可以间歇执行的类似的动画效果。最后我想到了以前写的一个可以间歇向上无缝滚动的css3的效果，拿来一试，也不行。最后在SegmentFault上有个同行的一段代码提醒了我，于是就有了以下可以实现间歇左右晃动的css3效果 阅读全文

摘要：最近在做一个H5的改版项目，产品和设计给出的效果中有一个拖动滑块可以改变输入值的效果，拿到这样的设计稿后，我有点懵了，自己写一个js？去网上找一个这样的效果？自己写一个可以，只是实现起来有点花时间，项目进度不允许；网上找一个，却不知道这样的效果该如何查，该输入什么关键词查询。于是自己就按照效果大概的意思去查了一下，果真有这样的案例和实现代码，太好了。可仔细一看，大部分都是基于jquery的，而且还连带着引用相关的插件，这不太好吧，这个效果也没有多难吧，引用一个插件有点浪费之嫌吧。 阅读全文

摘要：做touchweb开发的时候，做头疼的是，电脑上面时候好的，有些手机上面也是好的，个别手机和浏览器出现问题，对于这些，只能慢慢调试，找问题。 今天说一下比较老的IOS的问题，那就是“iOS下的 `Fixed + Input` 调用键盘的时候fixed无效问题”。 阅读全文

摘要：在做手机页面的时候碰到了这样一个问题：手指点击某一个链接的时候触发了一个半透明的颜色块。但是淘宝和京东的手机端没有类似出现这样的情况，所以应该是有这么一个禁止触发的属性，因为在 a 链接触发的所以，所以审查元素找到 a 链接的状态，但是发现他们的 a 链接是没有设置任何的，但是在根属性发现这么一个属性 -webkit-tap-highlight-color:rgba(0,0,0,0) 于是百度了一下，于是找到了愚人码头关于webkit私有属性的一些知识，原来确实是有可以覆盖这个行为的属性。 阅读全文

摘要： 阅读全文

摘要： 阅读全文

摘要：问题描述： 第一个动画先播放，播放完成后，第二个动画紧接着播放。 解决办法： 1. 将第二个的延迟时间（animation-delay） 设置成第一个的持续时间( animation-duration ); 2. 多个动画应用时用逗号分隔开; 此时，CSS3的动画代码就要分开写了，不能再简写了，诸如animation:rotate-back 10000ms linear infinite这样的简写就是不行的，因为在同一代码中要加入两个动画。 阅读全文

摘要：或许我这篇文章一取这样的名字，就会有人要问了：你怎么还在关注table啊，那早就过时了…赶紧Xhtml…div好…ul好…ol好…dl好…完了，不知道还有什么好了。 　　table真的过时了么？你真的了解table么？你真的会用table么？ 　　打口水仗不是我们要做的，留给那些时间很充裕的人吧。 　　言归正传： 　　不记得是什么时候，有人在用table模拟DataGrid的时候说，为什么td超出设置为固定宽度的文字不能隐藏，而是会直接换行呢？ 　　是的，事实确实如此，如： 阅读全文

摘要： 今天做手机网站，想实现手机扫描二维码功能。首先实现在浏览器中调用手机摄像头，实现拍照功能并且把拍下的照片显示在页面并上传到服务器上，然后再在服务器端进行分析。 首先实现在浏览器中调用摄像头，当然用现在火的不行的html5 阅读全文

摘要：怎样在网页中使用摄像头，html5越来越多的使用到实际工作中，那么他怎样调用摄像头呢进行视频聊天，视频监控等活动呢，今天为大家抛砖引玉，教大家怎样实现怎样利用html5实现摄像头视频监控功能。 阅读全文

摘要： WebRTC可能是明年最受关注的HTML5标准了，Mozilla为此开发了一套帮助你控制硬件的API，例如，摄像头，麦克风，或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。 在今天的这篇文章中，我们将介绍来自Wolfram Hempel开发的Photobooth.js，使用这个类库可以帮助你快速的调用摄像头功能，你可以很容易的添加摄像头功能到网站中。并且快速的帮助你拍照，你可以使用这个功能来实现用户的大头照拍摄，是不是非常不错？ 主要特性： 对比度设置 颜色设置 亮度设置 色调设置 拍照按钮 支持最新的chrome, firefox, opera等浏览器 支持jQuery插件方式和javascript代码方式 阅读全文

摘要：HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder 是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文 字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持placeholder的浏览器,代码如下: 阅读全文

摘要：现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来认识HTML 5的视频，包括video标签的使用，视频对象可以用到的媒介属性和方法，以及媒介事件。 Video标签的使用 Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性， 以及一个内部使用的标签。Video标签内除了可以包含标签外，还可以包含当指定的视频都不能 播放时，返回的内容。 (1) src属性和poster属性 你能想象src属性是用来干啥的。跟标签的一样，这个属性用于指 阅读全文

摘要：1、什么是placeholder？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 写法如下： 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。 下面是其在各个浏览器下的显示效果： 可以看出，placeholder的文字在各个浏览器下基本都是淡灰色显示。 不同的地方在于，在ff和chrome下，输入框获得焦点时，placeholder文字没有变化， 阅读全文