HTML5 - ITeye技术社区

[Web前端] HTML5 Canvas学习笔记(2)菜单高亮显示与像素字体

看到哪，学到哪，记到哪。见谅，这些笔记就没有顺序和知识上的连贯性了。希望各位老师指出我学习中的错误！！效果图：点击看效果： http://www.108js.com/article/canvas/2/menu.html 欢迎访问博主网站：http://www.108js.com 代码： <!doctype html> <html> <head> &l ...

html5 JavaScript html

0顶0踩

128kj 评论(0) 有1982人浏览 2014-06-23 23:13

[Web前端] HTML5 Canvas学习笔记(1)处理鼠标事件

一直在学习HTML5 Canvas相关内容，游戏，动画，水平还很低，于是想写一些笔记，代码可能不全是我自已的，感谢他们。效果图：点击看效果：http://www.108js.com/article/canvas/1/index.html 欢迎访问博主的网站：http://www.108js.com 一、HTML代码： <!DOCTYPE html> <html l ...

html5 html javascript 游戏

1顶0踩

128kj 评论(1) 有2988人浏览 2014-06-21 17:48

[Web前端] HTML5高性能拓扑图 - 十万图元渲染

本文的话题是：性能，HTML5、JS、Qunee组件的性能和效率问题历史回顾以往提到Javascript，联想到的是缓慢的、容易出错的小东西，一种脚本语言，现在浏览器的发展，js引擎的优化，js已经今非昔比，无论在浏览器端还是服务器端，都有一席之地，结合HTML5开发企业级应用变得切合实际，以往要在浏览器中实现丰富的图形效果，通常会选择flex富客服端解决方案，也有些Web2.0时代的组 ...

qunee html5 性能测试拓扑图

1顶0踩

nosand 评论(1) 有1103人浏览 2014-06-13 01:29

[编程语言] javaScript 广度优先搜索法"自动推箱子"（二）

接上文： javaScript 广度优先搜索法"自动推箱子"（一）http://128kj.iteye.com/blog/2078626 代码第二部分。Test-4.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="gbk&q ...

javascript.html html5 算法编程

0顶1踩

128kj 评论(0) 有1341人浏览 2014-06-12 09:57

[编程语言] javaScript 广度优先搜索法"自动推箱子"（一）

用JS写了一个“广度优先搜索法”自动推箱子，理论上无论多少箱子都可以求解，但事实上箱子多了以后，就。。。; 有需要的拿出发挥，修改，高手就可以跳过了。。。代码随后给出，先看运行效果：第一关：http://www.108js.com/article/article5/zip/50059/Test-1.html 第四关：http://www.108js.com/article/articl ...

javascript html html5 算法编程

0顶1踩

128kj 评论(0) 有1861人浏览 2014-06-12 09:45

[编程语言] html5游戏开发教程实战：五子棋、四子棋、围棋、翻转棋四种对弈游戏，仅仅100行代码

代码下载地址：http://www.zuidaima.com/share/1839614057712640.htm 原文：html5游戏开发教程实战：五子棋、四子棋、围棋、翻转棋四种对弈游戏，仅仅100行代码 � ...

html5 游戏五子棋四子棋围棋

1顶0踩

yaerfeng1989 评论(0) 有1311人浏览 2014-06-08 10:14

[Web前端] HT for Web中3D流动效果的实现与应用

流动效果在3D领域有着广泛的应用场景，如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。

3D Hightopo HTML5 电信拓扑

2顶0踩

xhload3d 评论(0) 有1688人浏览 2014-06-05 23:37

[编程语言] HTML5 Canvas简单淡入淡出游戏启动界面

欢迎访问博主的网站：http://www.108js.com 查看效果：http://www.108js.com/article/article3/game/ex1/exam.html 效果图：一、HTML代码： <!DOCTYPE html> <html lang='zh'> <head> <meta charset='gbk' /&g ...

html5 游戏 html javascript canvas

1顶0踩

128kj 评论(0) 有2258人浏览 2014-06-05 12:22

[Web前端] html5 canvas结合js实现的非常酷的ascii animation动画特效

代码下载地址：http://www.zuidaima.com/share/1789567017372672.htm 原文：html5 canvas结合js实现的非常酷的ascii animation动画特效演示地址:http://demo.zuidaima.com/html/1789567017372672/cool-ascii-animation-using-an-image-spri ...

html5 动画特效 ascii animation canvas

1顶1踩

yaerfeng1989 评论(0) 有1183人浏览 2014-05-29 09:50

[编程语言] 分享一个很酷很炫的html5特效网站源码

原创整理不易，转载请注明出处：分享一个很酷很炫的html5特效网站源码代码下载地址：http://www.zuidaima.com/share/1784027301841920.htm 在线演示：http://demo.zuidaima.com/html/1784027301841920/index.html

html5 特效网站源码很酷很炫

4顶2踩

yaerfeng1989 评论(3) 有1976人浏览 2014-05-25 09:38

[Web前端] HTML5 Canvas贝塞尔曲线动画

点击这里可以查看动画效果： http://www.108js.com/article/article3/zip1/BezierAnim.html 欢迎访问博主的网站：http://www.108js.com 效果图：代码： <html> <head> <meta charset="gbk"> <title>贝 ...

html5 html JavaScript 浏览器 canvas

0顶0踩

128kj 评论(0) 有1462人浏览 2014-05-22 08:35

[Web前端] FusionMaps应用实例在线Demo

FusionMaps XT让您使用JavaScript（HTML5）和Flash来展示与地理相关的数据，按类别、地区或实体进行分类。您可以用它有效地绘制各地区的收入数据、各省人口的普查信息、选举结果、飞行路线、办公地点和调查结果等。FusionMaps XT提供了超过965幅地图，包括所有的大洲、主要国家和美国各州。我们来看看FusionMaps地图在现实生活中的应用示例

javascript html5 地图

1顶0踩

wolfscry 评论(0) 有645人浏览 2014-05-16 13:39

[编程语言] HTML5 Canvas 圆弧动画（绕四周运动）

点击这里可以看到动画效果： http://www.108js.com/article/article7/src/70206/Arcs1.html 欢迎访问博主的网站：http://www.108js.com 效果图：代码： <!DOCTYPE html> <html><head><meta charset="gbk"> ...

html5 html javascript canvas

0顶0踩

128kj 评论(0) 有2784人浏览 2014-05-14 10:44

[Web前端] Web前端开发人员和设计师必读文章推荐【系列三】

　　这篇文章继续向大家分享Web开发和设计精华文章，文章主要来自今年七月份发布在梦想天空博客的博文。梦想天空博客专注于分享Web开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的Web开发工具。分享快乐，快乐分享，希望这些资源能帮助到您。 jQuery 插件和教程 13个超级有用的 jQu ...

HTML5 jquery web javascript

2顶0踩

webgeeker 评论(0) 有936人浏览 2014-05-13 14:00

[Web前端] Web前端开发人员和设计师必读文章推荐【系列一】

　　梦想天空博客专注于分享 Web 开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的 Web 开发工具。分享快乐，快乐分享，希望这些资源能帮助到您。 HTML5 九个让人难以置信的HTML5和JavaScript实验分享21个丰富多彩的 HTML5 小游戏 20佳惊艳的HTML5应 ...

HTML5 CSS3 jQuery

1顶0踩

webgeeker 评论(0) 有585人浏览 2014-05-09 22:59

[Web前端] HTML5 Canvas “红心一棵”

效果图：笛卡尔公式:r = a(1-sin弧度)画“红心”。代码： <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>HTML5 Canv ...

html5 html JavaScript canvas

0顶0踩

128kj 评论(0) 有1284人浏览 2014-05-08 10:38

[Web前端] HTML5 Canvas旋转文本动画

点这里可以看动画效果: http://www.108js.com/article/article3/zip1/text.html 效果图：代码： <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>旋转文本</title> </ ...

html5 html JavaScript canvas

0顶0踩

128kj 评论(0) 有1466人浏览 2014-05-05 15:49

现在主流浏览器基本上实现了全屏效果，但是不同浏览器实现不一样：【进入和退出全屏】 // Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen(); // Firefox 10+element.mozRequestFullScreen( ...

HTML5 html5全屏api 浏览器全屏

0顶0踩

kingwell.leng 评论(1) 有4289人浏览 2014-05-04 11:21

[编程语言] HTML5 太极旋转动画

点击这里可以看动画效果： http://www.108js.com/article/article3/zip1/30229/Test2.html 效果图：代码： <!DOCTYPE HTML> <html> <body> <canvas id="myCanvas" width="500" height=&quo ...

html5 javascript html canvas

0顶0踩

128kj 评论(0) 有1681人浏览 2014-05-03 16:21

[编程语言] HTML5 绕四边运动的文字动画

点击这里可以看动画效果： http://www.108js.com/article/article3/zip1/30229/Test.html 效果图：代码： <html> <head> <meta charset="gbk"> <title>HTML5 绕四边运动的文字</title> & ...

html5 html javascript canvas

0顶0踩

128kj 评论(0) 有1533人浏览 2014-05-03 16:07

[Web前端] HTML5绘制设备面板

客户提到设备面板的需求，qunee并没有Equipment这样的图元，但借助父子关系和跟随关系设置，可以实现类似功能，并完成下面的例子示例代码代码非常简单，这里直接列出 var graph; function init(){ graph = new Q.Graph('canvas'); graph.originAtCenter = false; gra ...

设备面板 qunee html5

0顶0踩

nosand 评论(0) 有436人浏览 2014-04-28 17:34

[Web前端] 基于HTML5的燃气3D培训仿真系统

最近上线了的基于HTML5的燃气3D培训仿真系统，以前的老系统是采用基于C++和OpenGL的OpenSceneGraph引擎设计的，OSG引擎性能和渲染效果各方面还是不错的，但因为这次新产品需求要求能运行多移动终端，多年前基于MFC封装OSG的老系统架构也实在该退休了，这年头找能维护MFC这种古董级GUI的靠谱人也非易事。系统最终采用HT for Web的3D框架实现，项目中的程序员 ...

HTML5 WebGL 3D 燃气仿真培训系统

1顶1踩

xhload3d 评论(1) 有2010人浏览 2014-04-28 00:41

[编程语言] HTML5 推箱子游戏过关演示动画

点击下面链接可看动画： http://www.108js.com/article/article3/zip1/exam/a.html 效果图：代码： var canvas = document.getElementById("gameBox"); var context = canvas.getContext("2d"); var imglen ...

html5 游戏 javascript canvas html

1顶0踩

128kj 评论(1) 有2327人浏览 2014-04-27 13:40

[Web前端] 用CSS3制作很特别的波浪形菜单

点击这里查看效果http://keleyi.com/a/bjad/8tl5of2u.htm完整HTML文件代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3波浪菜单-柯乐义</title> <style& ...

css3 html5 web前端 ini css

0顶0踩

ini 评论(0) 有509人浏览 2014-04-16 21:27

[Web前端] 禁止web页面在手机上缩放（html5）

允许屏幕缩放的设置， <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" /> 不允许屏幕缩放的设置： <meta content="width=device-width, initial ...

html5

0顶1踩

hongtoushizi 评论(0) 有1148人浏览 2014-04-14 15:44

[Web前端] 美防长来了，HTML5 画个星条旗（美国国旗)

美防长来了，不希望中国与美国在未来开战，HTML5 画个星条旗（美国国旗)祈祷。代码： <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>美国国旗</title> </head> <body> < ...

html5 html javascript

0顶0踩

128kj 评论(0) 有3486人浏览 2014-04-07 16:13

[Web前端] HTML5 Canvas画标准的五星红旗（中国国旗）

国旗的标准画法图。代码如下： <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>中国标准国旗</title> </head> <body> <canvas id="canvas& ...

JavaScript html5 html

1顶0踩

128kj 评论(0) 有2636人浏览 2014-04-07 15:37

[Web前端] html5实现的盲打高手游戏代码

原创整理不易，转载请注明出处：html5实现的盲打高手游戏代码代码下载地址：http://www.zuidaima.com/share/1730007188818944.htm 预览地址:http://demo.zuidaima.com/game/game.htm

打字游戏 html5

1顶0踩

yaerfeng1989 评论(1) 有1313人浏览 2014-04-07 10:01

[Web前端] 拓扑图编辑器（1）

多位客户提到编辑器的需求，譬如拖拽创建节点，文本编辑，连线编辑，尺寸编辑等等，编辑是一个系列话题，将陆续作介绍，本章介绍拖拽创建节点与简单的连线编辑交互拖拽创建节点拖拽创建节点，以前要实现拖拽，需要监听全局mousemove事件，复制拖拽元素，实现drop效果，现在HTML5提供了新的拖拽事件，处理起来变得很容易创建画布面板canvas，并在左侧创建一个工具箱toolbox，设置can ...

qunee 拖拽编辑器 html5

0顶0踩

nosand 评论(0) 有367人浏览 2014-04-01 21:30

[编程语言] HTML5之canvas绘制动态时钟

最近看了一些HTML5的网页，感觉很高端，于是开始上手HTML5,跟着网上的视频学，收获还是不小，今天说说这几天学的HTML5新加的canvas标签，通过写这篇博客来巩固一下这几天学到的东西。 canvas标签是是HTML5新加的绘制背景的，但是正像"canvas"的意思“画布”一样，它只是一张给别人在上面画东西的东西，就像我们小学时的美 ...

html5 javascript

2顶1踩

MNTMs 评论(0) 有2398人浏览 2014-03-29 22:06