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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: 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-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

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

更新时间: 2017-05-26  分类: HTML

快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 《师恩难忘》读后感作文1200字 搞笑骂人的话 我爱家乡的红树林650字 别了我的童年作文 生命安全作文500字 审计局长述职报告 怎么过六一儿童节作文 虎妈战歌英语读后感 轮廓造句 计划生育宣传工作总结 帷幔下的家乡 新年作文900字 从100元到1亿元的致富经 《汉家寨》公开课教学设计1 高三地理教师年度工作总结 五月离伤 乡畜牧服务中心先进事迹 十秒钟的默想 我遇到挫折以后 一声姐妹,一生姐妹 湖边 初中初一作文550字:学会留心,我能行 林语堂语录语句 【精品】化学教学随笔感言 金钱不是万能的作文200字 国庆节活动工作总结 春秋战国门。田子方 我受到表扬以后 正确的职场心态让你工作更轻松! 2016上半年某县司法行政工作总结及下半年工作打算 动物运动会200字 小小班家长会演讲稿 早安心语美图:愿我们每个人都是对方的不二选择 公司人事部2013年度工作计划 学会淡忘,在这个深秋 月夜抒怀 爱了 就要承担 充满乐趣的一节课作文500字 服务公司工会2009年工作总结 2015谈谈你对课堂总结的心得体会 林业局书记2009年经济工作会议讲话范文 想明白这些事,职场生活都更轻松? 儒林外史读后感 母亲,节日快乐 公司篮球赛主持词 计算机培训感悟 藏羚羊的处境 2010年护士年终工作总结 她与儿子 最新研究员入党自传

Copyright © 2016 phpStudy |