HTML5 - ITeye技术社区

[Web前端] 对于HTML组件的交互事件设计思路

本文将介绍一些图形组件开发的经验，主要是事件交互方面的API设计思路，对于希望自己开发HTML组件的同学们会有帮助传统的HTML事件监听方式通常使用on***对HTML元素添加事件监听，比如 button.onclick = function(evt){ console.log(evt); } 很自然的，用户在使用Qunee组件时也会想到这种用法，试图直接在Node上添 ...

HTML组件 html5 交互事件 MVP

0顶3踩

nosand 评论(0) 有526人浏览 2014-03-27 11:02

[Web前端] js跨域问题

下面说一下js 的跨域问题：在不同的域名下面进行数据交互，存在跨域问题那么不需要存在跨域问题：如www.a.com/a.js和www.a.com/c/b.js 那么存在跨域 ...

js 跨域 html5 postMessage

0顶0踩

xiaomiya 评论(0) 有1047人浏览 2014-03-25 11:04

[Web前端] HTML5+jQuery制作温馨浪漫爱心表白动画特效

原创不易，转载请注明出处：HTML5+jQuery制作温馨浪漫爱心表白动画特效代码下载地址：http://www.zuidaima.com/share/1695882735602688.htm 演示站地址： http://www.fuliqu.com/0214/?id=1392081413

温馨浪漫爱心表白动画特效 HTML5 jQuery

6顶0踩

yaerfeng1989 评论(1) 有2451人浏览 2014-03-24 10:14

[Web前端] HTML5音乐播放器效果非常漂亮

HTML5Json数据音乐播放器效果非常漂亮此Jquery插件是第二款HTML5音乐播放器，不同的是播放列表的数据是换成Json数据，播放器基于speakker再开发而来！工作量有点大，光看内核代码他都看了近两天，网友们好好利用哦。。。因为用HTML5和css3的缘故，所以网友们在浏览的时间请不要用IE浏览器来运行，为了让网友们看到最终效果请使用谷歌、火狐等浏览打开运行。 ...

HTML5 播放器漂亮

1顶0踩

yaerfeng1989 评论(0) 有1366人浏览 2014-03-23 13:17

[企业架构] Cookie 和 sessionStorage的区别

expire设为null的cookie是session scope的，尽管是存储在内存中，但是它是浏览器的多Tab共享的，因为它是可以持久化存储在client端的磁盘上，所以也很好理解。。 sessionStorage 是html5 中引入的一个对象，可以方便的在client端存储数据，既然是session storage，所以它也是session scope的，是存储在内存中的，但是它和cook ...

opera html5 cookie sessionStorage

0顶0踩

cuishen 评论(0) 有1486人浏览 2014-03-18 23:21

[Web前端] 100行JS实现HTML5的3D贪吃蛇游戏

js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，baby ...

HTML5 3D WebGL JS 游戏

6顶1踩

xhload3d 评论(1) 有1819人浏览 2014-03-06 01:54

[Web前端] 基于HTML5的电信网管3D机房监控应用

先上段视频，不是在玩游戏哦，是规规矩矩的电信网管企业应用，嗯，全键盘的漫游3D机房: 随着PC端支持HTML5浏览器的普及，加上主流移动终端Android和iOS都已支持HTML5技术，新一代的电信网管应用几乎一致性的首选HTML5，当然Flex和Silverlight的遗留系统依然存活着，如果不考虑移动终端，不考虑将来维护人员难找，不考虑需要承载成千上万的网元数量，不考虑公司员工的职业生涯前途 ...

3D机房电信网管 HTML5 Hightopo HT for Web

3顶0踩

xhload3d 评论(2) 有1386人浏览 2014-02-22 22:29

[Web前端] 如何在电脑上测试手机网站（全）

最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多，最悲剧的事情就是我的手机是个经典的诺基亚，而且公司� ...

html5

1顶0踩

yanhaijing 评论(0) 有1134人浏览 2014-02-21 17:33

[Web前端] HTML5 随机弹跳的小球

查看效果:http://keleyi.com/a/bjad/tc1y11dy.htmChrome效果图：火狐效果图：以下是源码： <!doctype html> <html> <head> <title>HTML5 随机弹跳的小球-� ...

html5 jquery javascript css ini

0顶0踩

ini 评论(0) 有646人浏览 2014-02-12 20:37

[Web前端] CSS3 莲花盛开动画

点击这里查看效果：http://keleyi.com/a/bjad/32gxxsaw.htm或者：http://keleyi.com/keleyi/phtml/css3/10a.htm 效果图：代码如下： <!DOCTYPE html><html> <head><meta charset="UTF-8"> & ...

css3 html5 javascript css ini

0顶0踩

ini 评论(0) 有741人浏览 2014-02-08 23:08

[Web前端] 强大css3制作新浪LOGO 胜过PS

请使用支持CSS3的浏览器查看效果：http://keleyi.com/a/bjad/6lu3dgj8.htm效果图：完整代码如下： <html> <head> <title>CSS3新浪LOGO-柯乐义</title> <style> .sina{ margin:60px 0 0 22px;} .head{ pos ...

css css3 html5 web前端 ini

0顶0踩

ini 评论(0) 有712人浏览 2014-01-27 23:52

[Web前端] javascript实用图像加载器

一、HTML代码 <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>javascript实用图像加载器</title> <script type="text/javascript" s ...

JavaScript html html5

0顶0踩

128kj 评论(0) 有1060人浏览 2014-01-27 21:37

[Web前端] css3图片模糊过滤效果

css3图片过滤效果，鼠标放上后其它图片模糊，鼠标所在位置的图片是清淅的，有效索引出当前的图片，对图片的模糊处理是本特效的亮点，你完全可以将模糊的效果应用于其它的图片特效中，你同样也可借此代码研究一下HTML5中的CSS3技术。体验效果：http://keleyi.com/a/bjad/yin8b5eb.htm代码如下： <!DOCTYPE html PUBLIC " ...

css3 html5 css web前端 ini

0顶0踩

ini 评论(0) 有606人浏览 2014-01-26 16:09

[Web前端] 使用javascript和canvas画月半弯

使用javascript和canvas画月半弯，月半弯好浪漫！浏览器须支持html5 查看效果：http://keleyi.com/a/bjad/8xqdm0r2.htm 以下是代码： <!doctype html> <html> <head> <title>使用javascript和canvas画月半弯-柯乐义</t ...

html5 css3 javascript web前端 ini

0顶0踩

ini 评论(0) 有793人浏览 2014-01-25 23:57

[Web前端] 百度，淘宝，腾讯三大巨头HTML页面规范分解

【兼容html5方案】百度贴吧，百度图片的实现 <!--[if lt IE 9]> <script> (function(){ var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','se ...

百度腾讯 html 浏览器 html5

3顶6踩

flycars001 评论(1) 有971人浏览 2014-01-24 17:00

[Web前端] 百度，淘宝，腾讯三大巨头HTML页面规范分解

【兼容html5方案】百度贴吧，百度图片的实现 <!--[if lt IE 9]> <script> (function(){ var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','se ...

百度腾讯 html 浏览器 html5

11顶16踩

flycars001 评论(0) 有754人浏览 2014-01-23 09:33

[Web前端] 低调奢华 CSS3 transform-style 3D旋转

点击这里查看效果：http://keleyi.com/a/bjad/s89uo4t1.htm效果图：CSS3 transform-style 属性以下是代码： <!DOCTYPE html> <html> <head> <title>transform-style实现Div的3D旋转-柯乐义</title> <style& ...

html5 css css3 ini web前端

0顶0踩

ini 评论(0) 有760人浏览 2014-01-21 16:02

[Web前端] HTML5 Canvas 精灵表动画实例

两张精灵表图片：这里可以看效果： http://www.108js.com/article/article3/view/30161/an.html <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title&g ...

html html5 JavaScript

1顶1踩

128kj 评论(0) 有1852人浏览 2014-01-20 17:59

[Web前端] HTML5 Canvas眨眼睛动画

在网上发现一个java眨眼睛动画，把代码改成了HTML5 +JS,效果如下：动画中有一些明显不足之处，请会的朋友指正，谢谢！这里可以看效果：http://www.108js.com/article/article3/view/30157/eye.html 代码如下： <html> <body> <canvas width="300" ...

JavaScript html html5

0顶0踩

128kj 评论(0) 有1595人浏览 2014-01-18 16:35

[移动开发] Sencha-Touch开发环境准备(Webstorm+Ruby)

encha-Touch开发环境准备(Webstorm+Ruby) 一、准备工作 1、编码工具（推荐） WebStorm-7.0.3.exehttp://download.jetbrains.com/webstorm/WebStorm-7.0.3.exe 2、SenchaSDK(用来创建、打包sencha项目) http://cdn.sencha.com/cmd/4.0.1.45/Se ...

Sencha Touch html5 css3

0顶0踩

fangyong2006 评论(0) 有1339人浏览 2014-01-12 17:59

[移动开发] HTML5,SWIPER,放网易新闻横滑翻页及联动

因项目需求自己整理了一套仿网易新闻的闻横滑翻页，联动导航，用到了swiper.js zepto.js scroll.js效果非常不错。以下是代码: /* * 作者 hyl * email:hylxinlang@sina.cn * 该列子仅供参考 */ var mySwiper1; var mySwiper; function goLocation(i){ mySw ...

HTML5 SWIPER html5仿网易新闻横滑翻页及联动

0顶0踩

hylxinlang 评论(0) 有4359人浏览 2014-01-12 16:50

[Web前端] 绝对推荐，HTML5与JQuery结合的幻灯片

文章详情（附demo和下载） $(window).load(function(){ //我们监听了 window.load 事件，因此我们确定幻灯片上的所有图片都能够正确进行加载。 //测试当前浏览器是否支持canvas元素 var supportCanvas = 'getContext' in document.createElem ...

jquery插件 html5 js幻灯片 jquery幻灯片 html5幻灯片

0顶0踩

renyiqiu 评论(0) 有2075人浏览 2014-01-10 18:26

[Web前端] jQuery实现鼠标移上弹出提示框，移出消失

<TD>里有一行数据 “那片笑声让我想起......” 假设超出规定长度将用......代替，而现在要通过鼠标移动到......上显示全部内容，移出则消失。如下图： <a href='#' onMouseOver='mouseOver(this,event,"+s+");' onMouseOut='mouseOut();'>.....&l ...

javascript css jquery html5 web前端

0顶7踩

ini 评论(0) 有797人浏览 2014-01-09 23:57

[Web前端] js实现web网页版台球游戏

js桌球小游戏在线试玩地址：http://keleyi.com/game/13/游戏截图,查看大图：完整代码，保存到html文件可以试玩： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran ...

javascript html5 css web前端 jquery

1顶9踩

ini 评论(0) 有593人浏览 2014-01-05 17:08

[Web前端] 祝大家圣诞节快乐！

在圣诞节来临之际，分享这份网页的代码，祝愿大家圣诞节快乐！点击这里查看效果以下是源代码，可以保存到html文件打开看效果： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. ...

jquery javascript css web前端 html5

4顶1踩

ini 评论(2) 有1287人浏览 2013-12-24 14:13

[Web前端] 基于HTML5技术的电力3D监控应用（四）

回答了知乎问题较长，半年来使用WebGL的一些经验分享：正好逛到这个问题，正好是2013年底，正好最近基于的HT for Web 3D做的电力项目收尾，正好用到的就是WebGL技术，因此说说自己的感觉供参考：1、2013年应该感谢Google和MS，前者提供了Android Chrome浏览器的WebGL支持，后者终于让IE11支持了WebGL并且减低到win7也能运行。2、还得感谢F ...

HTML5 3D 电信机房电力

5顶2踩

xhload3d 评论(0) 有1779人浏览 2013-12-21 00:18

[移动开发] 基于HTML5技术的电力3D监控应用（三）

继（一）和（二）之后不少，不少网友问移动终端的使用问题，因为我们项目这次采用Android平板终端，所以我对这方面有点肤浅的研究，这篇分享些项 ...

html5 android 3d 电信机房

5顶1踩

xhload3d 评论(0) 有1744人浏览 2013-12-17 14:00

[Web前端] 基于HTML5技术的电力3D监控应用（二）

我们选用HTML5技术还是顶着很大压力，毕竟HTML5技术性能行不行，浏览器兼容性会不会有问题，这些在项目选型阶段还是充满疑惑，项目做到现在终于快收尾了我们才敢松口气，压力基本顶住了，我个人总结的经验是：HTML5性能肯定不是最高，但对企业应用足够高效，HTML5标准不可能所有浏览器都一致实现，但对于企业应用已经足够工作。选择正确的引擎框架，进行合理的设计才是关键，HTML5真的已经Ready！ ...

HTML5 3D WebGL 电力机房

7顶2踩

xhload3d 评论(10) 有5032人浏览 2013-12-16 11:00

[Web前端] 基于HTML5技术的电力3D监控应用（一）

最近参与了国网计量中心的四线一库自动化检定系统的项目开发，团队封闭开发了大半年终于快到尾声了，整个项目过程实在非常累，我的mentor杨杨老师是这样描述的：累的不想说话了。我估计是我太渴望新知识，整天不断问他问题把他搞烦了。对我这种新人来说还是相当充实的，整个系统需要和硬件厂家对接采集硬件数据，需要和实时数据库厂家对接实时数据，需要和视频厂家对接视屏界面组件，还要和国家电网的业务专家请教业务知 ...

HTML5 3D WebGL 电力机房

3顶1踩

xhload3d 评论(5) 有3655人浏览 2013-12-16 10:57

[Web前端] 学习：HTML5 游戏《银河系的掠夺》图片加载进度条

游戏来源网址：http://dougx.net/plunder/plunder.html 据网站介绍，这个游戏是用HTML5 Canvas 和Audio对象开发，游戏的第一级（第一关）已完全完成，第二级（第二关）正在开发之中。。。游戏试玩与源码下载：http://www.108js.com/article/article11/b0020.html 试玩第一关后，感觉非常象流行的PC游戏“ ...

html javascript html5 游戏

0顶0踩

128kj 评论(0) 有1584人浏览 2013-12-06 15:21