linkedu视频
平面设计
电脑入门
操作系统
办公应用
电脑硬件
动画设计
3D设计
网页设计
CAD设计
影音处理
数据库
程序设计
认证考试
信息管理
信息安全
网页制作
数据库
程序设计
操作系统
CMS教程
游戏攻略
脚本语言
平面设计
软件教程
网络安全
电脑知识
服务器
视频教程
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
您的位置:
主页
>
网页设计
> html5
html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升
有关手机页面的文章推荐10篇
这篇文章主要介绍了HTML5对手机页面长按会粘贴复制禁用的解决方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下解决方法如下所示: 直接在CSS文件中添加下面的代码,就可以实现了在手机端禁止粘贴复制的功能:XML/HTMLCode复制内容到剪贴板*{ -webkit-tou...
popstate如何使用?总结popstate实例用法
这篇文章主要介绍了HTML5之pushstate、popstate操作history,无刷新改变当前url的相关资料,需要的朋友可以参考下一、认识window.historywindow.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性...
有关H5中轮播图的制作方法
初入前端,分享一下手机上触屏版轮播器的实现过程,大致功能如下:支持循环滑动宽度可任意设置,不需要与屏幕等宽页面可纵向滚动可设置回调监听元素的切换纯js,不借助任何第三方库原理假设子元素.item的width为375px,使用绝对定位将所有子元素放在父元素内将父元素.carousel的width设置为375px,与子元素.item宽度相同为父元素.carousel添加触摸事件:touchstart,...
有关触屏版页面的制作方法
初入前端,分享一下手机上触屏版轮播器的实现过程,大致功能如下:支持循环滑动宽度可任意设置,不需要与屏幕等宽页面可纵向滚动可设置回调监听元素的切换纯js,不借助任何第三方库原理假设子元素.item的width为375px,使用绝对定位将所有子元素放在父元素内将父元素.carousel的width设置为375px,与子元素.item宽度相同为父元素.carousel添加触摸事件:touchstart,...
推荐3D翻牌效果特效(收藏)
今天给大家带来一个CSS3制作的翻牌效果,就是鼠标移到元素上,感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相册之后都可以尝试下,哈~效果图:实例用到的一些CSS3的新属性: a、-webkit-perspective:800px; perspective(透视,视角):属性定义3...
新增特性如何使用?总结新增特性实例用法
ECMAScript6(简称ES6)是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript2015。微信小程序支持绝大部分ES6的新增特性。Constants(常量)ES6新增了const关键字,用来声明常量,一旦声明,常量的值就不能改变了。const只在声明所在的块级作用域内有效。Scoping(作用域)ES6新增了let关键字,用来声明...
关于网络画板的10篇文章推荐
超级炫酷的HTML5Canvas网络画板代码示例详解在今天的HTML教程里,我们要学习一下如何使用HTML5Canvas实现一个超酷而又简单的网络画板功能。在这个教程中,我们可以选择笔刷的类型、笔刷的大小以及笔刷的颜色,当然作为画板还需要很多功能,这里只是最基本的绘制功能,大家可以自己实现类似矩形、椭圆等复杂元素的绘制。你也可以再这里查看DEMO演示下面我们来简单地分析一下实现这个HTML5网...
关于动画演示的文章推荐
利用HTML5可以绘制很多静态的图像,也可以制作一些炫酷的动画,本文分享了8个利用HTML5和CSS3实现的动画演示,同时也分享了源代码供大家下载参考。1、HTML5 3D点阵列波浪翻滚动画这个HTML5Canvas动画非常壮观,给人一种破浪起伏的视觉效果。在线演示 源码下载2、纯CSS3实现发光开关切换按钮这款按钮非常有...
关于动画应用的6篇文章推荐
本文要向Web开发者分享一些干货,如果你热衷于HTML5和CSS3的开发,那么一定会对下面的这些HTML5动画应用感兴趣。本文在提供演示的同时,也会对部分核心代码进行展示和分析,希望各位能够喜欢。jQuery盒子渐变动画菜单这款菜单的展现形式非常有特点,它并不像其他菜单一样纵向或者横向排列,而是排列在矩形方格中,并且点击菜单项即可以动画的方式展开菜单的详细信息,利用CSS3产生非常酷的动画效果。D...
有关height的课程推荐10篇
测试手机为IPHONE6,开发者工具版本0.10.102800微信小程序里的canvas非h5canvas有很多不一样的地方,以下把微信小程序的canvas叫做wxcanvas下面全是我一点点测试出的干货,耐心看:1.wxcanvas,不像h5canvas那样有width和height属性和width和height的style样式。他只有style样式,可以理解为他就是个框吧;2.wxcan...
浅谈 粒子动画 特效实现实例总结
粒子动画在ThreeJs可以用几种方式实现本次样例使用Sprite类来构建粒子官方对Sprite类的解释SpriteA sprite is a plane that always faces towards the camera, generally with ..
关于鼠标动画的详细介绍
今天我们一起来分享一些有趣的HTML5鼠标动画,当我们移动鼠标时,页面上将会出现一些神奇的动画特效。当然这些动画可能在实际应用中并不太会使用到,但是对大家研究HTML5和CSS3的帮助应该会非常大。本文分享的7个HTML5鼠标动画都提供源代码下载,都是一些不错的资源。1、HTML5鲸鱼动画今天我找到了基于HTML5的鲸鱼动画,鲸鱼会随着鼠标的移动而游动,画面非常立体,鲸鱼也超级逼真。真的,HTML...
自定义元素函数定义与用法汇总
XML名称空间表示XML名称的使用范围,因为XML可自定义元素标签,所以有不同XML应用间XML名称重名的机会是很大的。如果没有一种方法来区分不应用的名称,就会造成混乱。XML名称空间就是为了解决这个问题而设计的。通过XML名称空间,我们可以区分来自不同的XML应用的具有相 XML名称空间表示XML名称的使用范围,因为XML可自定义元素标签,所以有不同XML应用间XML名称重名的机会是很...
3D焦点图函数定义与用法汇总
这是一款基于HTML5和jQuery的3D焦点图动画,焦点图中的图片利用了CSS3的相关特性实现图片倾斜效果,从而让图片出现3D的视觉效果。这款HTML5焦点图不仅可以手动点击按钮切换图片,而且还支持自动切换图片,使用起来也相当方便。如果你需要在网站中展示产品图片,那么这款焦点图插件非常适合你。在线演示源码下载HTML代码<section id="dg-container...
总结Uploadify使用方法
HTML5/CSS3经典案例-无插件拖拽上传图片(一):上传基本是项目中经常出现的,一般采用:1、form提交 2、flash3、html5form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jquery的uploadify作为项目中的上传工具,uploadify也有基于html5好像是收费的,大家可以去官网看看;当然了...
推荐10款飘落动画特效(收藏)
这是一款基于HTML5的树叶飘落动画,树叶都是图片,并非CSS3绘制,但是树叶飘落的动画效果非常逼真。这款HTML5树叶飘落动画是基于webkit内核的,也就是说要在webkit内核的浏览器上才能使用这款动画。在线演示源码下载HTML代码<p id="container"> <!-- The contai...
多视角入门教程:6个多视角零基础入门教程推荐
本文由码农网 –小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! HTML5确实是一项改革浏览器乃至整个软件行业的新技术,它可以帮助我们Web开发者很方便地在网页上实现动画特效,而无需臃肿的Flash作为支撑。本文分享7个顶级的HTML5Canvas动画,都有非常不错的效果。1、3DHTML5Logo动画HTML5多视角3D旋转动画HTML53...
有关动画工具的文章推荐
HTML5是设计师用来打造时尚网站的最流行的编程语言之一,使用起来非常方便,并且能够提供多种功能,例如内置的视觉元素,指定的结构标记,互动的拖放功能,等等,开发人员可以利用这些功能来创建充满吸引力的网站。此外,它还拥有现代浏览器,如Chrome,IE和Firefox的支持。创建动画是一个耗时且繁琐的过程。为了简化这个过程,现在的市场上有许多可用的HTML5动画工具。既有付费的,也有免费的,都可以帮...
关于性能发挥的4篇文章推荐
HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下,对性能的需求显得更为重要,而HTML5性能优化前与优化后有着极大的差别,如何优化才能提高性能,对此熟知的人很少。本文以LayaAir引擎为例,通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。主题包括:代码执行基本原理基准测试内存优化图形渲染性能减少CPU使用量其他优化...
总结关于填充与描边注意点
本文为大家详细介绍下HTML5CanvasFill与Stroke文字效果,基于Canvas如何实现纹理填充与描边、颜色填充与描边,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助演示HTML5CanvasFill与Stroke文字效果,基于Canvas如何实现纹理填充与描边。一:颜色填充与描边颜色填充可以通过fillStyle来实现,描边颜色可以通过strokeSty...
安全攻防入门教程:10个安全攻防零基础入门教程推荐
转载请注明来源:HTML5安全攻防详析之完结篇:HTML5对安全的改进 HTML5对旧有的安全策略进行了非常多的补充。 一、iframe沙箱 HTML5为iframe元素增加了sandbox属性防止不信任的Web页面执行某些操作,例如访问父页面的DOM、执行脚本、访问本地存储或者本地数据库等等。但是这个安全策略又会带...
浅谈图形扭曲的实例教程
HTML5中的几种变形HTML5中的变形,共有以下几种方法scale()缩放rotate()旋转translate()平移transform()矩阵变形setTransform()重设矩阵这几个方法,对图片一共能完成下面几种处理但是,如果要实现下面这种不规则的变形,就不行了那咱们一步步,先来看HTML5的这几个方法。1,缩放方法如下<!DOCTYPE html>...
html5游戏开发-愤怒的小鸟文章推荐
愤怒的小鸟是一款人气火爆的益智游戏,现在我试着用lufylegend库件和Box2dWeb物理引擎来看看在html5中如何制作此类经典的物理游戏。准备工作一首先,你需要下载lufylegend库件1.4.1版http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb你可以到这里下载http://code.google.com/p...
有关Box2dWeb的课程推荐10篇
愤怒的小鸟是一款人气火爆的益智游戏,现在我试着用lufylegend库件和Box2dWeb物理引擎来看看在html5中如何制作此类经典的物理游戏。准备工作一首先,你需要下载lufylegend库件1.4.1版http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb你可以到这里下载http://code.google.com/p...
关于开源库件的详细介绍
一,lufylegend.js是什么?lufylegend是一个HTML5开源引擎,它实现了利用仿ActionScript3.0的语法进行HTML5的开发,包含了LSprite,LBitmapData,LBitmap,LLoader,LURLLoader,LTextField,LEvent等多个AS开发人员熟悉的类,支持GoogleChrome,Firefox,Opera,IE9,IOS,A...
首页
上一页
101
102
103
104
105
下一页
末页
文章分类
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
最新内容
html5 canvas-2.用canvas制作一个猜字母的小游戏
HTML5 Plus 实现手机APP拍照或相册选择图片上传的功能
html5 worker 实例(一) 为什么测试不到效果_html5教程技巧
HTML块级标签汇总(小篇)
HTML5<progress>标签是什么意思?HTML5<progress>标签的基本用法详解
canvas API ,通俗的canvas基础知识(六)
Html5 Canvas初探学习笔记(11) -简易图片操作
用Html5实现简单选择排序算法和演示,附代码
在html文件引入其它html文件的几种方法
html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave