- 博客(18)
- 资源 (10)
- 问答 (1)
- 收藏
- 关注
原创 HTML5 canvas 实例
什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度:Ja
2016-11-27 11:40:03 1554
原创 HTML5 拖放
拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.实例: 拖放 #div1{width
2016-11-17 10:17:02 602
原创 html5 div布局与table布局
div布局:html+css实现简单布局。#container中height不能写成百分数,必须为具体高度。 div布局 body{ margin:0; padding:0; } #container{ width:100%;
2016-11-15 21:36:09 10350
原创 html5 编辑API之range对象(二)
cloneRange方法 Range对象的cloneRange方法用于对当前的Range对象进行复制,该方法返回复制的Range对象,该方法使用如下所示:var rangeClone = rangeObj.cloneRange(); function cloneRange(){ var rangeObj =
2016-11-13 11:49:37 1421
原创 html5 编辑API之range对象(一)
一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange();在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,
2016-11-13 10:19:25 1131
原创 HTML5 增强的页面元素
1.figure2.figcaption3.details4.summary5.mark6.progress7.meter8.ol9.dl10.cite11.small
2016-11-08 22:59:55 490
原创 HTML5 改良的 input 元素及示例
1.url 类型2.email 类型3.date 类型4.time 类型5.datetime 类型6.datetime-local 类型7.month 类型8.week 类型9.number 类型10.range 类型11.search 类型12.tel 类型13.color 类型14.output 元素
2016-11-08 22:56:42 504
原创 CSS3 设置模糊背景图片
使用方法:-webkit-filter: blur(5px); /* Chrome, Safari, Opera */ filter: blur(5px);blur(px)给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊;如果没有设定值,则默认是0;这个参数可设置css长度值,但不
2016-11-08 17:09:22 21840 1
原创 js 获取表单数据
function getForm() { var form = document.getElementById("form1"); //获取id为“form1”表单中所有的属性的数据 var content = form.elements(0).value; //获取form表单中第一个元素的值 alert("姓名:"+content); //就是us
2016-11-07 16:38:53 29165
原创 JS实现倒计时(天数,时,分,秒)
JS实现倒计时(天数,时,分,秒) function leftTimer(year,month,day,hour,minute,second){ var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数 var days = parseInt(leftTi
2016-11-07 13:57:53 6324 1
原创 html5 新增元素属性和废除的元素
新增的属性:contentEditable属性:是否可编辑。true可编辑,false不可编辑。designMode属性:指定整个页面是否可编辑,只在javascript脚本里修改编辑。有两个属性值,on可编辑,off不可编辑。hidden属性:是否隐藏。true隐藏,false不隐藏。spellcheck属性:对文本输入内容进行语法检查。tabindex属性:在页面中敲击ta
2016-11-06 15:36:13 923 1
原创 Bootstrap 学习之 (十七)------ 面板
Bootstrap 面板(Panels)本章将讲解 Bootstrap 面板(Panels)。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板,只需要向 元素添加 class .panel 和 class .panel-default 即可,如下面的实例所示: 这是一个基本的面板 结果如下所示:面板标题
2016-11-02 17:13:00 904
原创 Bootstrap 学习之(十六)------ 列表组
Bootstrap 列表组列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下:向元素 添加 class .list-group。向 添加 class .list-group-item。向列表组添加徽章我们可以向任意的列表项添加徽章组件,它会自动定位到右边。只需要在 元素中添加 即可。
2016-11-02 16:51:16 475
原创 Bootstrap 学习之(十五)------ 媒体对象,well
Bootstrap 多媒体对象(Media Object).media:该 class 允许将媒体对象里的多媒体(图像、视频、音频)浮动到内容区块的左边或者右边。.media-list:如果你需要一个列表,各项内容是无序列表的一部分,可以使用该 class。可用于评论列表与文章列表。 BootstrapTest
2016-11-02 16:32:13 366
原创 Bootstrap 学习之 (十四) ------警告框与进度条
Bootstrap 警告(Alerts)警告(Alerts)向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框,请使用 警告(Alerts) jQuery 插件。您可以通过创建一个 ,并向其添加一个 .alert class 和四个上下文 class(即 .alert-su
2016-11-02 15:50:24 667
原创 Bootstrap 学习之 (十三) ------ 巨幕 ,页头,缩略图
Bootstrap 超大屏幕(Jumbotron)本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)的步骤如下:创建一个带有 class .jumbotron. 的容器 。除了更大的 ,字体粗细 font-weight 被
2016-11-02 15:24:09 2015
原创 Bootstrap 学习之 (十二) ------ 标签与徽章
Bootstrap 标签标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签Example heading class="label label-default">New可以使用修饰的 class label-default、label-primary、label-success、label-info、label-warning、la
2016-11-02 14:56:11 643
原创 Bootstrap 学习之 (十一) ------ 分页
Bootstrap 分页分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。下表列出了 Bootstrap 提供的处理分页的 class。Class描述示例代码.pagination添加该 class 来在页面上显示分页。 class="paginati
2016-11-02 14:18:09 538
2023 Java面试真题及详解
2023-12-28
angularjs插件batarang
2017-11-15
react调试插件 2.5.1版本
2017-10-31
vue项目谷歌调试插件
2017-10-31
react开发调试插件与使用方法
2017-10-31
CSS3 实现3D魔方旋转源码
2016-10-27
html5淘汰了frameset,该用什么替代它?
2016-11-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人