基于HTML5 Canvas:字符串,路径,背景,图片的详解
创建一个Canvas画布的方法如下:复制代码代码如下:

更新时间: 2017-06-29  分类: HTML

html制作细线表格的简单实例
关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing="1" bgcolor="#990033"这几个值,还要给单元格单独设置背景色,例如:bgcolor="#fff"。但是关于为什么要设置这几个值,估计就没有详细的讲解了! 那么今天突然想到记录一下关于这个细线表格的原理,也是因为这几天在给学生上基础课,学生关于这个细

更新时间: 2017-06-29  分类: HTML

html5配合css3实现带提示文字的输入框(摆脱js)
很久没写过技术文章了,最近一直在以Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅。  当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 HTML5出现后,我们有一个更好的方法。 

更新时间: 2017-06-29  分类: HTML

很酷的HTML5电子书翻页动画特效
本文分享一款很酷的HTML5电子书翻页动画特效,这款HTML5翻页动画可以用鼠标拖动页面来模拟手动翻页的效果,也可以点击书页的边框来快速翻页。之前也分享过一款HTML5 3D书本翻页特效,3D视觉效果更加强烈。 在线演示地址如下: http://demo.phpstudy.net/js/2016/html5-book-page/ 实现的代码:

更新时间: 2017-06-29  分类: HTML

Html5 web本地存储实例详解
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。 Web Storage又分为两种: sessionStorage localStorage 从字面意

更新时间: 2017-06-29  分类: HTML

剖析标注HTML元素时class比id所具有的优势
在网页中有很复杂的 HTML 结构,如果我们使用 CSS 来定义相关的样式,就需要为这些结构指定相应的标志,然后再编写相应的 CSS 选择器来获取他们赋予样式。最常用的两个标注属性就是 id 和 class 了,例如: XML/HTML Code

更新时间: 2017-06-29  分类: HTML

HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
哈,首先感谢下w3cfuns的老师,嗯~ 好了,这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。 效果图:  图片切换是不是很个性,效果也很不错,大家可以将其使用到自己的网站上。 先看下html:

更新时间: 2017-06-29  分类: HTML

基于第一个PhoneGap(cordova)的应用详解
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表。但是有一条跨平台,却是很明显的优势。因为它采用HTML5+JavaScript的模式来开发应用。PhoneGap用JavaScript统一封装了几大平台的本地api(Andriod,IOS,WP8/7,WINRT)等等。。这样的话从一个平台移植到另外一个平台只需要把HTML代码跟JS原封不动的拿过去,打包一下就可以了。Ph

更新时间: 2017-06-29  分类: HTML

div标签中的元素margin-top失效的解决方法
如题。 问题很奇葩。元素上级标签是div,已经设置了width和height等的属性,可是,在对元素使用margin进行调整的时候,无法生效。同学经验提示,对该元素的父元素属性设置成 overflow:hidden; 问题就解决了。

更新时间: 2017-06-29  分类: HTML

HTML5 visibilityState属性详细介绍和使用实例
这里必须解释一下,这个“激活”,指的是这个标签是否正被用户浏览,或者说是否为当前标签。 那么,这个 API 究竟有些什么用途呢?通常,很多传统的页面在用户没有激活它的时候,它还会继续工作,例如,当用户正在浏览新闻门户,而他之前打开的 NBA 球赛页面会继续刷新获取最新结果,视频网站会继续占用带宽加载资源,于是,如果这类不必要的工作太多了,就会造成很多的资源浪费。因此,这货相当有用: 1.Web 程序每隔一段时间会自动更新页面信息,确保用户获取到及时的信息,但

更新时间: 2017-06-29  分类: HTML

用table表格来调整表单控件的格式让它好看一些
因为想自己写一个web,所以也在学习html语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一些网页.后来买了电脑,则一直被"传奇"迷的一塌糊涂,也把网页设计给抛到脑后了.... 由于是在ubuntu下面工作,而linux底下的所见即所得的网页设计真是少的可怜.最后选择了bluefish. 想做一个添加设备的表单,结果因为前缀大小不一

更新时间: 2017-06-29  分类: HTML

HTML5中的postMessage API基本使用教程
关于postMessage window.postMessage虽然说是html5的功能,但是支持IE8+,假如你的网站不需要支持IE6和IE7,那么可以使用window.postMessage。关于window.postMessage,很多朋友说他可以支持跨域,不错,window.postMessage是客户端和客户端直接的数据传递,既可以跨域传递,也可以同域传递。 应用场景

更新时间: 2017-06-29  分类: HTML

HTML5新增的Css选择器、伪类介绍
选择器 p[name^=“my”]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以“my”开头的<p>元素标签 p[name$=“my”]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以“my”结尾的<p>元素标签 p[name*=“my&rd

更新时间: 2017-06-29  分类: HTML

HTML5之SVG 2D入门7—SVG元素的重用与引用
前面介绍了很多的图形元素,如果很多图形本身是一样的,需要每次都去定义一个新的么?我们能否共用一些图形呢?这是这节的重点-SVG元素的重用。 组合-g元素 g元素是一种容器,它组合一组相关的图形元素成为一个整体;这样,我们就可以对这个整体进行操作。这个元素通常可以和desc和title元素配合使用,提供文档的结构信息。结构良好的文档通常可读性和渲染效率都不错。看一个小例子:

更新时间: 2017-06-29  分类: HTML

简单掌握HTML中水平线标注与代码注释的用法
水平线使用 <hr /> 标签在当前位置绘制一条水平分割线。例子: XML/HTML Code

更新时间: 2017-06-29  分类: HTML

HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
打开一个网页,加载完后,如果突然断网了,那么你刷新后那页面就没了。 有没有想过,刷新后页面还是刚刚才页面,在新窗口中再打开一个页面,输入相同的网址,在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。 在页面中的数据加载时,你可以自己设定一些要缓存的图片、flash、css、js、html等文件,等下次不能联网的情况下,你可以用那些缓存的文件。这就是HTML5的离线应用。 其实它实现起来很简单。 需要服务器。

更新时间: 2017-06-29  分类: HTML

html之简单网页表格制作示例介绍
<input>用于搜集用户信息,无结束语。 <type>input元素类型, input 之type 属性,type属性值: text(文本框),button(按钮),checkbox(复选框),file(文件),hidden(隐藏字段), image(图像),password(密码框),radio(单选按钮),reset(重置按钮),submit(提交按钮)。  &

更新时间: 2017-06-29  分类: HTML

浅谈html中input只读属性readonly和disable的区别
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以

更新时间: 2017-06-29  分类: HTML

用HTML5中的Canvas结合公式绘制粒子运动的教程
最近想弄一个网页,把自己学HTML5过程中做的部分DEMO放上去做集合,但是,如果就仅仅做个网页把所有DEMO一个一个排列又觉得太难看了。就想,既然学了canvas,那就来折腾下浏览器,做个小小的开场动画吧。 开场动画的效果,想了一会,决定用粒子,因为觉得粒子比较好玩。还记得以前我写的第一篇技术博文,就是讲文字图片粒子化的:文字图片粒子化 , 那时就仅仅做的是直线运动,顺便加了一点3D效果。运动公式很简单。所以就想这个开场动画就做的更动感一些吧。 先上DEM

更新时间: 2017-06-29  分类: HTML

Html5实现二维码扫描并解析
引子: 最近公司项目有个需求,微博客户端中, h5 的页面上的某个按钮能够与native 交互呼起摄像头,扫描二维码并且解析。在非微博客户端中(微信或者是原生浏览器,如:safari)呼起系统的拍照或者上传图片按钮,通过拍照或者上传图片解析二维码。 第二种方案需要在前端 js 解析二维码。这样依赖一个第三方的解析库jsqrcode。这个库已经支持在浏览器端呼起摄像头的操作了,但是依赖一个叫getUserMedia的属性。该属性移动端的浏览器支持的都不是很好,所以只能

更新时间: 2017-06-29  分类: HTML

快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 回乡过年 “我身边的社区”征文稿 小学五年级作文450字:小狗笨笨 魔尺作文300字 阳台上的有机菜园作文1100字 在乎,真好! 让我感动的一个人作文 小学六年级作文600字:捕鱼记 英文道歉信范文 《妈妈的背影》 在那短短的一瞬 岁月 回首 心灯是无形的智慧 社区党建工作2010年工作计划 中国历史名人排行榜网络搜集整理 大班音乐说课稿:小老鼠送礼 街道元宵节灯会活动方案 简说感恩节 区政协机关各项制度汇编 美是音乐的特写作文500字 业务经理岗位职责 你真的敢一辈子不结婚吗? 冶金毕业生求职信范文 17年经典搞笑祝福语汇集 寒假里的一件事700字 [图文]我最敬佩的人 山街 我的妈妈我总是喜欢她400字 小学四年级作文400字:那个男孩 青春的悸动——永远的SLAMDUNK作文100字 落实准军事化队伍建设要求,以行动体现忠诚(海关缉私警察) 生日祝福词 《读书再读书》读后感范文 “梦”作文1000字 上古之什补亡训传十三章。持斧一章 多媒体“软着陆” 妇联主席2016年终工作总结 栗子飘香作文400字 导游词开场白范文 友谊的风铃作文800字 综合柜员工作总结 盛夏未央 未来的房子作文,关于房子的作文300字,房子!想着“房子”入眠吧。—未来的房子 最后为你落下的泪 关于友情的700字作文 流星划过旳日子、硪扪还要不要长大? 论战略成本 难忘、那夜晚700字 立体的春天 不上黄山

Copyright © 2016 phpStudy |