51dev.com IT技术开发者社区

51dev.com 技术开发者社区

h5解决高度塌陷问题的方法

h5解决高度塌陷问题的方法

h5解决高度塌陷问题的方法<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css&...

h5关于清除浮动的操作学习讲解

h5关于清除浮动的操作学习讲解

不设置浮动的效果图:box1设置了浮动后:clear:left之后可还原到不设置浮动的效果图box1box2都设置了浮动的效果图box3清除所有浮动:clear:both效果图<!DOCTYPEhtml><html><head><metacharset=&q...

h5解决高度塌陷的代码教程

h5解决高度塌陷的代码教程

h5解决高度塌陷的代码教程<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletype="text/css...

H5实现禁止弹出手机自带的软键盘控制键盘输入手机号的方法

H5实现禁止弹出手机自带的软键盘控制键盘输入手机号的方法

1.禁用手机软键盘document.querySelector('input').addEventListener('focus',function(){document.activeElement.blur();},false)2.input输入手机号<inp...

h5高度塌陷代码实例

h5高度塌陷代码实例

//没加float之前的效果图//加了float后高度塌陷<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletyp...

HTML5的自定义data-*实现图片切换或者轮播(代码实例)

HTML5的自定义data-*实现图片切换或者轮播(代码实例)

除了用swipper等插件实现图片的切换之外,我们通过引入html5规范中的自定义data属性来实现图片切换。在详细介绍怎么实现切换之前,先介绍data属性的使用方法。<pclass="dragon_eggs"><imgsrc="./img/drago...

HTML5中的伪类选择器实现一张图片翻转特效(代码实例)

HTML5中的伪类选择器实现一张图片翻转特效(代码实例)

效果示意图图中,我实现的效果是当鼠标悬停在图片上面时,图片将围绕下边界旋转90度代码示例:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title&...

HTML5设置div标签以及其内容均为居中显示以及添加阴影实例讲解

HTML5设置div标签以及其内容均为居中显示以及添加阴影实例讲解

先看看效果图片:我们将p这一块设置为水平方向居中显示,以及调整其与上边框的距离。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>阴影内容相关</title...

HTML5重写video控制栏,Chrome去除下载按钮的代码实例讲解

HTML5重写video控制栏,Chrome去除下载按钮的代码实例讲解

video控制栏功能1.volume声音2.currentTime视频进度3.play/pause播放/暂停4.fullscreen全屏5.download(Chrome下显示)一般情况下重写控制栏的目的:1.样式上的优化,2.去除Chrome的下载按钮假设现在获取到一个videoElment对象v...

HTML5语音搜索

HTML5语音搜索

 Html5支持语音搜索,可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可,例子如下:  <inputtype="text"x-webkit-speech/>...

Html 5中自定义data-*特性

Html 5中自定义data-*特性

Html5中支持用户自定义的data-*特性,它们在UI是不可见的。例如data-length,它可以附加在input的标签上。更加具体信息可参考W3CHtml5data-说明书http://www.w3.org/TR/2012/WD-html5-20120329/global-attributes...

html5的离线存储问题汇总

html5的离线存储问题汇总

HTML5的一个重要特性就是离线存储,所谓的离线存储就是将一些资源文件保存在本地,这样后续的页面重新加载将使用本地资源文件,在离线情况下可以继续访问web应用,同时通过一定的手法(更新相关文件或者使用相关API),可以更新、删除离线存储等操作;HTML5的离线存储使用一个manifest文件来标明哪...

HTML5新增核心工具——canvas

HTML5新增核心工具——canvas

绘制之前的准备工作: 1.在body中加入canvas标签,设置它的id、width、height,当然也可以动态设置它的宽高。  <canvasid="mycanvas"width="1200"height="5...

html5 canvas 详细使用教程

html5 canvas 详细使用教程

导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字保存和恢复状态(context)保存文件结合setInter...

HTML5实现涂鸦板

HTML5实现涂鸦板

看了看html5,强大的绘图功能让我惊奇,于是,写了个小玩意---涂鸦板,能实现功能有:画画,改色,调整画笔大小 html5的绘图可以分为点,线,面,圆,图片等,点和线,这可是所有平面效果的基点,有了这两个东西,没有画不出来的东西,只有想不到的算法。 先上代码了: ht...