html5制作一个备忘录

2024-08-24

利用html5的localStorage做一个备忘录

实现一个便签功能,可以记录内容和写的时间,当网页从新载入,可以读取以前的记录. html文档 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>simple note</title> <script type="text/javascript"src="comment.j

试着用html5写一个时钟记得开始这个随笔是几天前,一直保存在草稿里面,一直感觉有个东西搁在在那里,所以今天熬夜也要写完这篇博客!!!哈哈...不多说来上代码和思路. --------------------------------------------------------------------------------------------- 其实并不难,主要看你是否掌握了canvas下面几个属性:save(),restore();ratate();translate(),moveT

利用html5制作一个时钟动画

<canvas id="clock" width="500" height="500" style="background-color: yellow"></canvas> var clock=document.getElementById("clock"); var cxt=clock.getContext("2d"); function drawNow(){

用Phaser来制作一个html5游戏——flappy bird （二）

在上一篇教程中我们完成了boot.preload.menu这三个state的制作,下面我们就要进入本游戏最核心的一个state的制作了.play这个state的代码比较多,我不会一一进行说明,只会把一些关键的东西挑出来说. 我们点击游戏菜单中的开始按钮后,首先出现的是这个画面: 在第一部分的教程中,我们已经制作了一个游戏菜单的场景,这个页面也跟那个差不多,只不过这个页面去除了游戏标题和开始按钮,而多出了Get Ready以及提示点击屏幕来操作游戏的两张图片.在这个state里,我们需要启用物理引

用Phaser来制作一个html5游戏——flappy bird （一）

Phaser是一个简单易用且功能强大的html5游戏框架,利用它可以很轻松的开发出一个html5游戏.在这篇文章中我就教大家如何用Phaser来制作一个前段时间很火爆的游戏:Flappy Bird,希望大家看后也能做出自己的html5游戏.大家可以先点击这里来试玩一下我已经做好的这个游戏,感受一下Phaser的游戏效果,游戏的完整代码我已经放到github上了.支持的浏览器:IE9+.Firefox.Chrome.Opera.Safari以及移动端的能支持html5的浏览器,推荐使用谷歌浏览器,

小强的HTML5移动开发之路（5）——制作一个漂亮的视频播放器

来自:http://blog.csdn.net/dawanganban/article/details/17679069 在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识,下面我们开始真正的体验一下HTML5的优势,我们开始制作一个漂亮的视频播放器吧先别急,在开始制作之前先了解一下视频文件的基本知识. 一.视频的格式目前比较主流和使用比较的的视频格式主要有:avi.rmvb.wmv.mpeg4.ogg.webm.这些视频都是由视频.音频.编码格式三部分组成的.在HTML5中,根据浏览

程序员用HTML5制作的爱心树表白动画

体验效果:http://keleyi.com/keleyi/phtml/html5/31.htm 推荐:http://hovertree.com/texiao/css3/18/ HTML代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <title>程序员用HTML5制

用JS制作一个信息管理平台完整版

前言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容. 1.JSON的基础知识 1.1 什么是JSON JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键

使用HTML5制作时钟

之前看到别人用HTML5制作时钟,自己也写了一个,这是很久以前写的了,没有注释,现在自己看都晕了(注释的重要性就体现在这边了),找时间加上注释,让自己和别人都比较好理解. <!DOCTYPE html> <html> <head> <title>html5时钟</title> </head> <body> <canvas id = "canvas"></canvas> <s

使用CocosSharp制作一个游戏 - CocosSharp中文教程

注:本教程翻译自官方<Walkthrough - Building a game with CocosSharp>,官方教程有很多地方说的不够详细,或者代码不全,导致无法继续,本人在看了GoneBananas项目代码后,对本教程进行了部分修改,但当前只涉及Android方面,iOS因没有环境验证代码,暂未修改. 本人博客地址:http://fengyu.name 原文链接:http://fengyu.name/?cat=game&id=295 相关资源: 离线PDF文档:Downloa

ios学习-制作一个浏览图片的Demo

一.项目要求:制作一个浏览图片的Demo,要求包含夜间模式,以及改变图片大小,能够显示不同的图片描述二.开发步骤: 1.在storyboard上添加一个空白的View,然后添加”设置“按钮,添加image View,图片序号Label,图片描述Label,更改图片Slider控件. 2.编写sliderValueChanged方法 3.在storyboard再添加一个空白的View,在新增的View上面添加Switch控件,用于夜间模式,添加Slider控件,用于改变图片的大小. 4.编写se

iOS学习——制作一个小型加法计算器

一.项目要求:制作一个加法计算器.在第1个和第2个文本框中输入两个整数,然后点击“计算”按钮,可将计算结果显示在第3个文本框中. 二.开发步骤: 1.搭建UI界面 2.监听按钮的点击事件 3.获取文本框的内容 4.将计算的结果显示到文本标签中三.开发细节: 1.打开Xcode,新建一个project,Product Name写:加法计算器,Language选择:Objective-C,Devices选择:iphone. 2.新建完成后,点击Main.storyboard文件,将在上面搭建UI界

制作一个简洁的jquery插件

原文:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401571467&idx=1&sn=08cb00963e6efd3881d3397903e84752&scene=1&srcid=0125cT8n9FJMI1u2faaQgjcS&from=singlemessage&isappinstalled=0#wechat_redirect 英文原文链接:http://www.queness.co

Android学习笔记（十二）——实战：制作一个聊天界面

//此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 运用简单的布局知识,我们可以来尝试制作一个聊天界面. 一.制作 Nine-Patch 图片 : Nine-Patch图片是一种被特殊处理过的 png 图片,能够指定哪些区域可以被拉伸而哪些区域不可以.一般用来作为聊天信息的背景.在此我们先准备一张png图片.然后在 Android sdk 目录下有一个 tools 文件夹,在这个文件夹中找到 draw9patch.bat文件. 双击打开之后, 在导航栏点击 File→

用ultraISO 制作一个MSdos启动软盘镜像

见过软盘,但是没用过,在虚拟机里试试. 磁带,软盘,光盘,硬盘…… 储存介质一代代更新,看到的img.iso文件都是叫做镜像文件(image file ).image 即图片照片,所谓的image file 映像文件就好像立此存照一样的一个完整的存档.img.ISO这种类型的文件就是软盘.光盘的存档文件,保存了原始信息. 参考wiki:https://en.wikipedia.org/wiki/IO.SYS pc的dos系统启动顺序,先将第一个扇区的内容载入内存执行,如果可引导,就载入后面头三个

制作一个属于自己的BHO吧！（C#）（转）

摘自:http://tech.ddvip.com/2013-05/1369758775196257.html BHO(Browser Helper Object)是插件,它寄存在IE浏览器中运行.在咱们的日常生活中无时无刻都在使用BHO,比如:迅雷检测用户是否单击了下载链接的BHO.用BHO也能做出些非常有意思的程序:窃取用户在网页上输入的密码信息等. 接下来,咱们也来制作一个恶搞的BHO吧,该BHO的功能如下: 1.注册成功后,每当用户浏览一个新的网页时,会自动在该网页中注入一个按钮 2.点击

C#制作一个消息拦截器（intercept）1

首先,我们先要制作一个自己定义Attribute,让他能够具有上下文读取功能,所以我们这个Attribute类要同一时候继承Attribute和IContextAttribute. 接口IContextAttribute中有两个方法须要实现 1.bool IsContextOK(Context ctx, IConstructionCallMessage msg); 2.void GetPropertiesForNewContext(IConstructionCallMessage msg)

Java编写ArrayBasic制作一个简单的酒店管理系统

听老师讲了一些ArrayBasic的一些知识,让制作一个酒店管理系统,要求:显示酒店所有房间列表,预订房间.... 经过老师的指导写了一个代码,如下: import java.util.Scanner; public class a1{ public static void main(String[] args){ Scanner s = new Scanner(System.in);//接受客户键盘输入,在命令行中,回车结束 System.out.println( "酒店管理系统"

制作一个类似苹果VFL的格式化语言来描述UIStackView

在项目中总是希望页面上各处的文字,颜色,字体大小甚至各个视图控件布局都能够在发版之后能够修改以弥补一些前期考虑不周,或者根据统计数据能够随时进行调整,当然是各个版本都能够统一变化.看到这样的要求后,第一反应是这样的页面只能改成H5,或者尝试使用React Native来应对这种要求. 既然UIStackView已经提供了一种既先进又简洁的布局思路,为何不通过制作一个类似VFL这样的DSL语言来处理布局.这样不就能够通过下发一串DSL字符串的方式来进行内容样式甚至布局的更换,不用跟版,还能使多版本

利用DreamweaverCS5制作一个含有动态标题的教程

DreamweaverCS5怎么制作一个含有动态标题?做一个网页就先要做一个标题,一个好标题会让网页让人印象深刻,有动态的标题会让网页更生动,下面我就介绍一下怎么制作一个含有动态的标题做一个网页就先要做一个标题,一个好标题会让网页让人印象深刻,有动态的标题会让网页更生动,下面我就介绍一下怎么制作一个含有动态的标题. 1.双击DreamweaverCS5软件快捷键,打开DreamweaverCS5,选择新建一个新的HTML, 2.选择“常用”菜单上的“表格”,点击"表格",这时就会

如何制作一个类似Tiny Wings的游戏(2) Cocos2d-x 2.1.4

在第二篇<如何制作一个类似Tiny Wings的游戏>基础上,增加添加主角,并且使用Box2D来模拟主角移动,原文<How To Create A Game Like Tiny Wings with Cocos2D 2.X Part 2>,在这里继续以Cocos2d-x进行实现.有关源码.资源等在文章下面给出了地址. 步骤如下: 1.使用上一篇的工程: 2.创建Box2D世界,并且添加一些代码来进行调试绘制,同时添加一些形状.打开HelloWorldScene.h文件,添加如下定义

html5制作一个备忘录

热门专题