自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 使用mailto在网页中链接Email地址

标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。下面是一个完整的实例:

2017-05-24 14:21:15 5441

原创 HTML5学习笔记17-Web存储

1、web存储数据的两种方式localStorage-没有时间限制的数据存储sessionStorage-针对一个session的数据存储(页面关闭时清楚数据)与cookie对比:cookie不适合做大量数据的存储,速度慢且效率不高。2、localStorage Title 保存 var my

2017-02-07 14:55:30 271

原创 微信视频全屏问题解决方案

1、微信浏览器下解决默认video全屏问题ios:给video加一下属性  webkit-playsinline="true" playsinline="true"android:给video加一下属性 x5-video-player-type="h5"x5-video-player-fullscreen="true"2、按照上述方法Android还会有点问题,视频的上下方会

2017-02-06 17:05:58 5137

原创 中文Web Font使用

1、使用工具:有字库有字库:http://www.youziku.com/ 2、如何使用第一种是:在“在线字库”中选择一款合适的字体,点击“使用”后会有两种调用方法“CSS模式”和“卢教模式”。有很详细的使用说明,不赘述了。需要注意的是“卢教模式”使用后可能不起作用原因是没有将你的网址添加进白名单,添加方法是“有字库后台->我的帐户->接口白名单”。第二种是:使用个

2017-02-04 15:17:04 956 1

原创 HTML5学习笔记16-SVG

1、SVG介绍 2、SVG绘制矢量图形 绘制矢量图形 <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">

2017-02-03 14:44:11 220

原创 HTML5 学习笔记15-Canvas图形绘制处理

1、图形组合 图形组合 function draw() { var canvas=document.getElementById("mycanvas"); var context=canvas.getContext("2d"); var options=new Array(

2017-02-03 13:36:27 276

原创 HTML5学习笔记14-Canvas绘制渐变图形与绘制变形图形

1、线性渐变 线性渐变 function draw(){ var canvas=document.getElementById("canvas"); if(canvas==null){ return false; }

2017-01-17 16:38:50 359

原创 HTML5 学习笔记13-Canvas使用路径

1、绘制圆形 绘制圆形 function drawCircle(){ var canvas=document.getElementById("canvas"); if(canvas==null){ return false; }

2017-01-17 15:50:16 247

原创 HTML5 学习笔记12-Canvas标签的使用

1、创建Canvas:Canvas元素用于图形的绘制,但只是一个容器,内容通过脚本来完成 canvas #mycanvas{ width: 200px; height: 200px; background-color: #232323; }

2017-01-13 11:04:11 288

原创 HTML5 学习笔记11-拖放

1、ondragstart 拖放开始;setData 设置拖动类型;ondragover 在何处放置;ondrop 放置被拖动数据时发生 拖动 .box{ width: 400px; height: 400px; } #box1{

2017-01-12 19:00:27 251

原创 HTML5 学习笔记10-音频视频

audio定义声音;video定义视频;source规定多媒体资源可以是多个;control属性提供添加播放、暂停和音量控制1、HTML5音频播放 您的浏览器不支持 播放/暂停 var a=document.getElementById("audioid"); function play(){ if(a.pa

2017-01-11 11:11:31 234

原创 HTML5学习笔记9-编辑API之Range对象(二)

1、cloneRange、cloneContents、extractContents方法 这里随意书写 克隆 function cloneRange(){ var p=document.getElementById("pid"); var rangeObj=document.createRange();

2017-01-10 15:24:49 255

原创 HTML5学习笔记8-编辑API之Range对象(一)

Range对象:代表页面上的一段连续区域。通过Range对象,可以获取或修改网页上的任何元素1、selection对象与Range对象的使用 function rangeTest(){ var html; var showRangeDiv=document.getElementBy

2017-01-10 10:32:35 320

原创 HTML5学习笔记7-增强的页面元素

1、figure元素:规定对立的流内容(图像,图表,照片,代码等),若删除不对文档其他内容产生影响。      figcation元素:定义figure的标题,次元素应设置于figure元素的第一个或者最后一个子元素。 哈士奇-雪橇三傻之二傻 2、details用于描述文档或者文档某个部分的细节。      summary:与det

2017-01-09 15:58:36 305

原创 HTML5 学习笔记6-改良的input元素

1、改良的input元素种类

2017-01-06 17:12:21 287

原创 HTML5 学习笔记5-表单新增元素和属性(续写)

1、标签的control属性:HTML5中可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素。 邮编: 请输入六位数字 function setValue(){ var

2017-01-05 12:00:07 297

原创 HTML5 学习笔记4-表单新增的元素和属性

1、form 表单内的丛书元素不仅可以写在表单内部,还可以写在任何地方,然后给该元素指定一个form属性,属性值为表单的id,这样该元素就从属于指定表单了 哼哈2、formaction 可以可以通过表单整体提交到一个页面或者分别提交到不同页面 提交到submit1页面 提交到s

2017-01-04 16:19:29 372

原创 HTML5 学习笔记3-非主体结构元素

1、header具有引导和导航作用的结构元素,通常放页面标题(区块)标题或者页面导航      footer页面或者区块的脚注,通常是作者、相关阅读链接、版权信息等      hgroup将标题及其子标题进行分组的元素      address在文档中呈现联系信息,如文档作者、相关链接、地址、电话等         我是页面主标题

2017-01-03 15:36:32 297

原创 HTML5 学习笔记2-新增的主体结构元素

1、article 规定对立的自包含内容 Internet Explorer 9 Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....2、section 定义文档中的节(如:章节、页眉、页脚或者其他部分) PRC The People's Republic of China was born

2016-12-30 15:51:30 258

原创 HTML5 学习笔记1-全局属性

HTML学习笔记-几个全局属性

2016-12-30 11:23:49 257

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除