|
摘要：
一、FileList对象鱼file对象 html4中，file控件只允许放置一个文件，html5中增加了multiple属性，允许file控件一次放置多个文件，这些file的列表就是FileList对象，有属性name表示文件名，有lastModifiedDate属性表示文件的最后修改日期 <input type="file" id="f" multiple size="80"/><!--size属性是控制上传框的大小--> <input type="button" onClick=& 阅读全文
posted @ 2013-05-14 15:00 Amy-lover 阅读(248) 评论(0) 推荐(0) 编辑
摘要：
一、新增表单属性 1.1 form属性：声明带有该属性的元素从属于指定的表单（只有opera10支持）<form id="my_form"> <input type="text"></form><textarea form="my_form"></textarea><!--该textarea元素虽然没有位于my_form表单中，但是form属性为其指定了从属的表单--> 1.2 formaction属性和formmethod属性：该属性覆盖 form 元素的 ac 阅读全文
posted @ 2013-05-14 11:32 Amy-lover 阅读(204) 评论(0) 推荐(0) 编辑
摘要：
1.html5中DOCTYPE的声明<!DOCTYPE HTML>2. 指定字符编码<meta http-equiv="Content-Type" content="text/html; charset=utf-8">3. article元素：代表文档、页面或应用程序中独立、完整、可以独自被外部引用的内容，通常有标题，可以是一篇博客，一篇帖子，一段用户评论或者独立插件等，可以嵌套<article> <header><!--article的标题一般放在header里--> <h1>苹果 阅读全文
posted @ 2013-05-10 21:02 Amy-lover 阅读(309) 评论(0) 推荐(0) 编辑
摘要：
1.css3中的动画功能分为transition(变换)、transform(变形)和animation(动画)功能，都是通过改变css中的属性值来产生动画效果的2.transition：支持从一个属性值平稳过渡到另一个属性值 支持的浏览器版本firefox 4.0+opera 10.5+safari 3.1+chrome 2.0+书写方式-moz-transition-o-transition-webkit-transition-webkit-transition 2.1 transition的定义 transition: property duration timing-funct... 阅读全文
posted @ 2013-03-26 12:07 Amy-lover 阅读(344) 评论(0) 推荐(0) 编辑
摘要：
发现一个很好玩的东西-----替代样式，用户可以自己选择页面不同的外观，只需要我们引入这样的语句1, <link rel="alternate stylesheet" href="c1.css" title="样式1" /> <link rel="alternate stylesheet" href="c2.css" title="样式2" /> 2,然后我们在c1和c2的css文件中为其定义不同风格的外观即可3,选择样式这是火狐浏览器 IE浏览器就o 阅读全文
posted @ 2013-03-25 21:41 Amy-lover 阅读(203) 评论(0) 推荐(0) 编辑
摘要：
1，创建对象(先创建一个Object实例，再给它添加属性和方法)var person=new Object();person.name="Jim";person.showName=function(){ alert(this.name); };person.showName();//Jim... 阅读全文
posted @ 2013-03-21 18:55 Amy-lover 阅读(199) 评论(0) 推荐(0) 编辑
摘要：
1，背景图片尺寸大一些效果会比较好，首先我们先了解一下background-position css中的background-position 属性设置背景图像的起始位置。 background-position:水平值 垂直值;background-position:15px 15px;background-position:10% 10%;background-position:left/right/center bottom/top/center;//如果只设置一个值，第二个值默认为center2，jquery中利用到的是animate方法(主要jquery1.6的一个版本不支持b... 阅读全文
posted @ 2013-03-21 17:44 Amy-lover 阅读(780) 评论(0) 推荐(0) 编辑
摘要：
本章有两个重要内容WebStorage和本地数据库一、WebStorage1，WebStorage存储机制是对html4的cookies的一个改善，那么cookies存在哪些问题呢？ cookies大小限制为4KB；cookies随http事务一起发送，浪费一部分发送cookies时使用的带宽；要正确操作cookies很复杂2，WebStorage分为两种;sessionStorage和localStoragesessionStoragelocalStorage概念将数据保存到session对象中(session是用来保存用户进入某网站到离开这段时间里要保存的数据)将数据存储在客户端本地的设. 阅读全文
posted @ 2013-03-21 16:14 Amy-lover 阅读(240) 评论(0) 推荐(0) 编辑
摘要：
1，块级元素和行内元素的区别是否独占一行是否填满父元素设置宽高是否有效设置padding-toppadding-bottom是否有效设置margin-topmargin-bottom是否有效设置margin-leftmargin-rightpadding-leftpadding-right是否有效常见元素块级元素是是有效有有效有效div，p，form，ul，ol，li，h1~h6，table行级元素否，相邻的行内元素会排列在同一行，直到一行排不下，才会换行否，其宽度随元素内容变换无效无效padding-toppadding-bottom虽然增大了行内元素的面积，但是并没有与相邻元素拉大距离无效 阅读全文
posted @ 2013-03-20 15:06 Amy-lover 阅读(3360) 评论(2) 推荐(1) 编辑
摘要：
默认情况下，canvas画布是以左上角为坐标原点，并以一个像素为一个单位绘制图形1，首先获取我们的画布：var canvas=document.getElementById(canvasId);2,获取上下文var context=canvas.getContext('2d');3,设置填充样式context.fillStyle="red";4，变换有三种：translate水平垂直移动，scale水平垂直缩放，rotate旋转context.translate(x,y);//向左移动x个单位，向下移动y个单位，x,y为负值是向反方向移动context.sc 阅读全文
posted @ 2013-03-20 10:48 Amy-lover 阅读(853) 评论(0) 推荐(0) 编辑 |
||
