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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

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

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

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

更新时间: 2017-01-25  分类: HTML

快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 CMS SQL jQuery C# C++ java Android IOS oracle MongoDB PostgreSQL SQLite 交通频道 开封-南昌 濮阳-通辽 怒江-盘锦 德阳-银川 咸宁-增城 仙桃-章丘 达州-抚州 大庆-四平 白城-余姚 日喀则-包头 昭通-章丘 桂林-邢台 白银-荣成 拉萨-兰州 运城-宣城 中卫-克拉玛依 诸城-淮南 南通-重庆 义乌-芜湖 聊城-丹阳 贵阳-双流 招远-果洛 嘉峪关-呼伦贝尔 湘潭-如皋 仙桃-佳木斯 常熟-张家口 大石桥-岳阳 莱州-瓦房店 长乐-辽阳 张家港-荆州 丽江-漯河 朔州-武汉 武汉-龙口 乌兰浩特-南宁 江都-十堰 吉安-十堰 张家界-运城 石河子-那曲 梅州-鄂州 蓬莱-新余 龙岩-酒泉 恩施-衢州 盘锦-济宁 青州-惠州 上饶-平顶山 巴中-定西 扬州-上饶 白银-漳州 天门-南京 长乐-郑州 即墨-海东 启东-大丰 江都-鄂州 固原-平顶山 阿勒泰-台州 平顶山-库尔勒 吉林-合肥 包头-铜仁 青岛-邹平 开封-桓台 济源-三明 攀枝花-海盐 临汾-咸宁 萍乡-喀什 内江-定西 兖州-普洱 威海-靖江 怀化-偃师 榆林-芜湖 德清-深圳 酒泉-桓台 郑州-贺州 山南-乳山 聊城-汕头 合肥-张家口 喀什-白银 三亚-诸城 龙海-周口 海西-潮州 德州-通辽 通道-涪陵 梅河口-石岭 山市-烟筒屯 砀山-无锡 长春-乌鲁木齐 赣州-冷水江东 禄丰南-阿南庄 绥德-镇平 开封-浠水 永康南-芷江 泊头-武安 蚌埠南-台安 利川-长兴 绵阳-运城 奈曼-风水沟 祁县-忻州 石门县北-昆山 滦县-富裕 黄山-宿州 上虞北-奉化 宿州东-天津南 徐州东-曲阜东 吉首-溆浦 临汾-渑池 青田-罗山 铁力-大庆东 安亭北-无锡新区 熊岳城-伊春 交城-虢镇 富锦-红兴隆 武义北-郑州东 清原-老边 杜家-周家 大板-张掖 九江-辽阳 深圳东-金华 德惠-永康 库车-叶城 烟筒山-徐州 泡子-珠斯花 花桥-昆山南 平坝南-普安县 赤峰-山湾子 新晃-湘潭 南通-磁窑 杭州-常州 天津-宿州 庐山-共青城 上海-上海西 建瓯-新余 中宁南-中宁 东安东-三门峡南 双辽-山海关 新安县-榆林 虎尔虎拉-乌奴耳 下花园-珠窝 铁岭-新开 南充北-肇庆 黄平-青溪 庆安-龙江 长治北-绥德 沧州-烟筒山 亚沟-帽儿山 索图罕-大杨树东 溆浦-芜湖 德清西-沈阳北 万乐-昂昂溪 定州-扶余 巨野-金华 辛集-缙云 绥中-广州 瑞安-葵潭 哈尔滨西-绥中 三花石-安康 莆田-石柱县 正定机场-西安北 嘉兴-恩施 余姚北-桂林 水沟-陇县 洋河-淮北

Copyright © 2016 phpStudy |