zcjnever - 博客园

2011年11月10日

canvas 平移缩放和旋转

摘要： <!DOCTYPE HTML><html><head><Title>Transformations Example</title><script>window.onload = function() {var canvas=document.getElementById("myCanvas");var context=canvas.getContext("2d");var rectWidth = 250;var rectHeight = 75;// 把context平移到画布的中心c 阅读全文

posted @ 2011-11-10 23:23 zcjnever 阅读(3003) 评论(0) 推荐(0) 编辑

Js实现两列div高度自适应

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:21 zcjnever 阅读(2015) 评论(0) 推荐(0) 编辑

html5_canvas实现的渐变效果

摘要： <!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>渐变</title><script language="javascript" type="text/javascript">window.onl 阅读全文

posted @ 2011-11-10 23:20 zcjnever 阅读(4621) 评论(0) 推荐(1) 编辑

文字和图片的垂直居中 copy

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:19 zcjnever 阅读(171) 评论(0) 推荐(0) 编辑

html5结合js写的动画实例

摘要： html5结合js写的动画，可复制以下代码，涉及浏览器兼容性问题，ie要ie9以上才可以<!DOCTYPE HTML><html><head><title>Animation & Multiple Canvas Example</title><script> // 水的画布function drawWater() {var canvasWater = document.getElementById("myWaterCanvas");var contextWater = canvasWater.g 阅读全文

posted @ 2011-11-10 23:18 zcjnever 阅读(4628) 评论(0) 推荐(0) 编辑

垂直居中的demo1

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:16 zcjnever 阅读(124) 评论(0) 推荐(0) 编辑

横向和纵向滚动效果

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:13 zcjnever 阅读(1377) 评论(0) 推荐(0) 编辑

html5 表单新属性

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:10 zcjnever 阅读(370) 评论(0) 推荐(0) 编辑

表单输入单元点击删除

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:10 zcjnever 阅读(132) 评论(0) 推荐(0) 编辑

表单文本输入的移动选择

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-11-10 23:06 zcjnever 阅读(144) 评论(0) 推荐(0) 编辑