
html5
文章平均质量分 72
不是我的货
开始写博客,开始输出我知道的东西
展开
-
html5拖拽
dragenter:当拖拽对象进入投放区时触发;.dragover:拖拽对象在投放区内移动时触发;.dragleave:拖拽对象没有投放到投放区,离开投放区的时候触发;.drop:拖拽对象投放在投放区时触发。.dragstart:当元素拖拽开始触发;drag:在元素拖拽过程中触发;.dragend:元素拖拽结束时触发。使用dataTransfer传递数据data原创 2016-01-26 06:23:16 · 393 阅读 · 0 评论 -
html5异步上传文件
#box{ width:150px;height:150px;border:1px dashed red; font-size:13px;line-height:150px;text-align:center; } window.onload=function () { var box=document.getElementById("box");转载 2016-01-26 06:46:14 · 314 阅读 · 0 评论 -
html5桌面通知
if(window.webkitNotifications){ window.webkitNotifications.requestPermission(); if(window.webkitNotifications.checkPermission()==0){ var obj=window.webkitNotifications.createNotificat转载 2016-01-29 09:19:08 · 417 阅读 · 0 评论 -
svg
svg的一些形状:矩形:<rect x="20" y="20" width="250" height="250"style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;stroke-opacity:0.9"/>圆形:<circle cx="100" cy="50" r="40" stroke="black"st原创 2016-01-30 05:29:56 · 466 阅读 · 0 评论 -
canvas
canvas{ background:#ccc; } noTitle window.onload=function () { var canvas=document.getElementById("canvas");//获取canvas对象 var cobj=canvas.getContext("2d");//原创 2016-01-30 06:02:23 · 448 阅读 · 1 评论 -
canvas 画线条
canvas{ background:#ccc; } noTitle window.onload=function () { var canvas=document.getElementById("canvas"); var cobj=canvas.getContext("2d");// cobj.strokeSty原创 2016-01-30 13:12:52 · 449 阅读 · 0 评论 -
canvas 心跳和捕鱼炮台
canvas{ background:#ccc; } 心跳 window.onload=function () { var canvas=document.getElementById("canvas"); var cobj=canvas.getContext("2d"); cobj.arc(200原创 2016-01-30 15:45:56 · 912 阅读 · 0 评论 -
html5 时钟
canvas{ background:#eee; } 时钟 window.onload=function () { var canvas=document.getElementById("canvas"); var cobj=canvas.getContext("2d"); var originx=200; v原创 2016-01-30 17:33:47 · 409 阅读 · 0 评论 -
时钟完整版
canvas{ background:#eee; margin:30px 400px; } 时钟完整版 window.onload=function () { var canvas=document.getElementById("canvas"); var cobj=canvas.getContext("2d"); v原创 2016-01-30 21:06:00 · 416 阅读 · 0 评论