- 博客(13)
- 收藏
- 关注
原创 一个例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>zhizuo </title></head><body> <h2>操作成功</h2> <span id="time">5</span> <span>秒之后跳转到慕课网</span> <a href="#" id=
2016-08-31 15:38:22 306
原创 window对象
History对象返回上一页window.history.back(); 等价于window,history.go(-1);前进一页window,history.forward(); 等价于window.history.go(1);要访问其他网页window,history.go(数值);属性:window.history.length;Locati
2016-08-30 22:01:45 331
原创 canvas
H5中的canvas标签浏览器支持Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 arc() 方法。注释:Internet Explorer 8 或更早的浏览器不支持 元素canvas是画布 canvas <canvas id="canvas" width="1024" h
2016-08-30 19:31:42 304
原创 事件
事件总共分为 html中添加事件,DOM0级事件,DOM2级事件html中添加事件function showMes(){ alert('hello '); }js代码是添加在html中的,和html耦合很密切,修改起来很不方便DOM0级添加事件DOM0级呢是把元素从html中提取出来,在js中给他赋予事件。var btn2 = document.getElementBy
2016-08-30 16:13:57 266
原创 水平居中and 垂直居中
水平居中-行内设置比如照片,文本之类的行内元素,可以在他们的父元素里设置 text-align:center来实现。水平居中-定宽的块状元素 display:block;width:100px;margin: 0 auto;水平居中-不定宽的块状元素方法一:加入table标签,因为table 标签是长度自适应的,相当于有了宽度,所以直接设置margin: 0 auto
2016-08-28 21:16:41 478
原创 设置元素的盒类型+创建浮动盒
首先说什么是盒子模型,可见元素在页面中会占据一个矩形区域,该区域就是元素的盒子。 内容和边框都是可见的,内容-内边距-边框,,,,,内边距-边框-外边距,这样有助于记忆。。display 属性提供了一种改变元素类型的方式,这会改变元素在页面上的布局方式。块级元素单独占一行,行内元素会和其他元素共占一行。 display p{ border: med
2016-08-21 13:48:05 339
原创 动画-animation
简单的CSS3动画先来看效果图: animation p{ padding: 5px; border: medium double #508AD2; background-color: lightgray; font-family: sans-serif; } #kk{ line-height: 10px; font-s
2016-08-20 20:37:35 334
原创 过渡 transition
过渡、动画和变换是CSS3中新添加的3个特性,通过JavaScript操作CSS3是直接由浏览器引擎处理的,虽然能节省开销,但是,会耗费大量的处理能力,把用户的电脑搞得越来越慢,最后死机。过渡:过渡就是网页上一个元素从一个状态慢慢变到另一个状态。比如:鼠标移动到关键字上,关键字变大,闪烁之类的,,,状态可以任意发挥了,所以,可以创造出很多炫彩的效果,期待吧。废话不多说,入正题咯先看一个
2016-08-20 12:44:00 544
原创 HTML5-多媒体 video +audio
使用多媒体HTML5支持直接在浏览器中播放音频和视频文件。使用video元素在网页中嵌入视频 Example Video cannot be displayed. video 元素的属性:可以使用source元素解决格式问题: Example
2016-08-18 20:43:27 664
原创 JavaScript对象模型
JavaScript 对象模型 对象模型是描述对象逻辑结构的借口,并且是操作对象的标准方式。在>JavaScript早期,JavaScript 的浏览器对象模型(BOM)和文档对象模>型(DOM)之间没有对少区别—-它只不过是一个较大的混乱。传统的JavaScript对象模型(Netscape 2)和Internet Explorer 3扩展的Javascript对象模型(Netscape 3
2016-08-18 15:25:20 1169
原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-08-18 10:22:21 210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人