![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 52
Symbol
这个作者很懒,什么都没留下…
展开
-
HTML5学习(1) 模块拖动
//HTML5声明 .parent{ //父容器CSS float:left; width:200px; height:200px; background-color:#fff; border:3px solid rgb(0,255,0); } #test{ //拖动模块原创 2012-08-17 14:50:05 · 1091 阅读 · 0 评论 -
HTML5学习(7) form及input新属性
<!--新的 form 属性: autocomplete 自动完成 novalidate 属性规定在提交表单时不应该验证 form 或 input 域。 --> <!--新的 input 属性: autocomplete 自动完成 autofocus原创 2012-08-20 16:23:58 · 1960 阅读 · 0 评论 -
HTML5学习(6) 表单元素
Webpage: Username: Encryption: 使用 output 元素的简易计算器: + = function resCalc() { numA=do原创 2012-08-20 16:03:19 · 822 阅读 · 0 评论 -
HTML5学习(3) SVG的学习及应用四 多边形
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 多边形: 标签: 属性:points 多个点的x,y坐标组合原创 2012-08-20 14:39:13 · 613 阅读 · 0 评论 -
HTML5学习(3) SVG的学习及应用一 矩形及圆
心得: 矩形的属性有:width,heigth,x,y,style,rx,ry 矩形的样式有:fill,stroke,stroke-width,fill-opacity,stroke-opacity,opacity 圆的属性有:cx,cy,r,stroke,stroke-width,fill ,opa原创 2012-08-20 14:11:32 · 345 阅读 · 0 评论 -
HTML5学习(2) canvas的使用一
声明:以下内容均是本人参照W3school教程编写. var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); cxt.fillStyle="#FF0000";原创 2012-08-17 15:22:14 · 441 阅读 · 0 评论 -
canvas标签应用 简单"贪吃蛇"游戏
var foods = new Array(); //存放食物坐标 var g_nStopFlag = 0; function node(x,y,w) { var _this = this; this.x = x this.y = y; this.w原创 2012-08-21 16:13:52 · 1477 阅读 · 0 评论 -
HTML5学习(5) 新增input type
E-mail: Homepage: Points: search: <!-- date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间(小时和分钟)原创 2012-08-20 15:51:21 · 825 阅读 · 0 评论 -
HTML5学习(4) 数据的存储(localStorage,sessionStorage)
设local值取local值 设session值取session值 function SetLocal() { localStorage.value = document.getElementById("input_1").value; } function GetLocal() { if (loc原创 2012-08-20 15:30:01 · 450 阅读 · 0 评论 -
HTML5学习(3) SVG的学习及应用二(椭圆)
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">原创 2012-08-20 14:29:30 · 820 阅读 · 0 评论 -
HTML5学习(3) SVG的学习及应用三 线条
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">线条: 标签: 属性: 起点坐标:x1,y1 终点原创 2012-08-20 14:32:41 · 1127 阅读 · 0 评论 -
HTML5学习(3) SVG的学习及应用六 路径(复杂图形的实现)
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg"><path d="M15原创 2012-08-20 15:04:39 · 1332 阅读 · 0 评论 -
HTML5学习(3) SVG的学习及应用五 多点连线
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">多点连线原创 2012-08-20 14:44:01 · 2272 阅读 · 0 评论 -
HTML学习(2) canvas标签的使用五
var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); var grd=cxt.createLinearGradient(0,0,200,200); grd.addColorSt原创 2012-08-17 16:23:29 · 362 阅读 · 0 评论 -
HTML5学习(2) canvas标签的使用四
var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); cxt.fillStyle = "#FF0000"; cxt.beginPath(); cxt.arc(70,18,15,0,M原创 2012-08-17 16:10:54 · 1006 阅读 · 0 评论 -
HTML5学习(2) canvas标签的使用三
var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); cxt.moveTo(20,20); cxt.lineTo(180,180); cxt.lineTo(20,180); cxt原创 2012-08-17 15:46:17 · 1170 阅读 · 0 评论 -
HTML5学习(2) canvas标签的使用二
function GetXY(e) { x=e.clientX; y=e.clientY; document.getElementById("myCanvas").title=""+x + "," + y; } function ClearXY() {原创 2012-08-17 15:37:42 · 852 阅读 · 0 评论 -
canvas标签应用 简单俄罗斯方块游戏的实现
function BackGround() { var init = function() { var obj = document.getElementById("Tetris_canvas"); var cxt = obj.getContext("2d");原创 2012-08-22 16:36:09 · 1311 阅读 · 0 评论