随笔分类 -  HTML5&&JAVASCRIPT

HTML5于JAVASCRIPT的运用
摘要:var client = function(){ //呈现引擎 var engine ={ ie : 0, gecko : 0, webkit : 0, khtml : 0, opera : 0, ver : null }; //浏览器 var browser = { ie : 0, firefox :0, safari : 0, konq :0, opera : 0, chrome... 阅读全文
posted @ 2013-02-25 12:00 平阳小安 阅读(220) 评论(0) 推荐(0)
摘要:本文地址:http://www.lizhenwen.com/js/1141尊重版权一、新的选择器根据类名匹配元素(DOM API),返回匹配到的元素数组,无匹配则返回空的数组。javascriptvar els = document.getElementsByClassName('section');支持浏览器:IE9, FireFox 3.0+, Safari 3.2+, Chrome 4.0+, Opera 10.1+根据css选择器匹配元素(Selectors API):querySelector 和 querySelectorAll。querySelector返回匹配到 阅读全文
posted @ 2012-11-26 14:33 平阳小安 阅读(301) 评论(0) 推荐(0)
摘要:JS// JavaScript Document$(document).ready(function(){ setInterval('zb()',100); })var s=0;var transformString = Modernizr.prefixed('transform');//引用插件,自动添加前缀function zb(){ var mi=$('#befor > img'); s=Number(s)+10; mi.css(transformString, 'rotateX(0deg) rotateY(0deg) rot 阅读全文
posted @ 2012-09-13 17:26 平阳小安 阅读(1381) 评论(0) 推荐(0)
摘要:不支持opera =-=~!HTML<div class="contaner"> <div class="box buddycloud"> <h1>Pack</h1> <div class="stream" style="transform:rotateY(-3deg) rotateX(0deg);"> <article class="topic" > <img src="images/ds.jpg" 阅读全文
posted @ 2012-09-12 17:02 平阳小安 阅读(738) 评论(0) 推荐(0)
摘要:HTML5<section> <header> <h3>图表数据</h3> </header> <figure id="locak"> <div class="left_data"> <div class="la">50000</div> <div class="la">25000</div> <div class="la">5000</div&g 阅读全文
posted @ 2012-09-11 17:58 平阳小安 阅读(239) 评论(0) 推荐(0)
摘要:var time=new Date();//Acquisition time now 获取当前时间var h=time.getHours();var m=time.getMinutes();var s=time.getSeconds();//console.log((Math.PI*2)/12);h=h>12?(h-12)*5+parseInt(m/12):h*5+parseInt(m/12);//时针初始位置 hour pointer default location var x=200,y=200,sa=0;var colors = ['#ffffff','# 阅读全文
posted @ 2012-09-07 17:29 平阳小安 阅读(166) 评论(0) 推荐(0)
摘要:<canvas id="cc" width="798" height="1131"></canvas>$(document).ready(function(){// lili();var i=0;ui(i); });var colors = ['#e37f7f','#e37fd6','#b57fe3','#7f90e3','#7fcfe3','#7fe3d4','#7fe399','#b5e3 阅读全文
posted @ 2012-09-05 17:10 平阳小安 阅读(191) 评论(0) 推荐(0)
摘要:<canvas id="cc" width="798" height="1131"></canvas>$(document).mousemove(function(e){ if(e.pageX || e.pageY){ mouseX=e.pageX; mouseY=e.pageY; lili(); }else{ mouseX=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft; mouseY=e.clientY+docum 阅读全文
posted @ 2012-09-03 17:57 平阳小安 阅读(618) 评论(0) 推荐(0)
摘要:表 1. canvas 方法方法用途getContext(contextId)公开在 canvas 上绘图需要的 API。惟一(当前)可用的contextID是2d。height设置 canvas 的高度。默认值是 150 像素。width设置 canvas 的宽度。默认值是 300 像素。createLinearGradient(x1,y1,x2,y2)创建一个线性渐变。起始坐标为x1,y1,结束坐标为x2,y2。createRadialGradient(x1,y1,r1,x2,y2,r2)创建一个放射状渐变。圆圈的起始坐标是x1,y1,半径为r1。圆圈的结束坐标为x2,y2,半径为r2。a 阅读全文
posted @ 2012-08-29 15:16 平阳小安 阅读(177) 评论(0) 推荐(0)
摘要:<div class="lato" id="ty" x="100" y="100" a="100" b="20" onClick="javascript:tty()">椭圆</div><canvas id="myCanvas" style=" width:200px; height:200px">第一种方法不是很椭圆。function tty(){ var cc=document. 阅读全文
posted @ 2012-08-29 11:48 平阳小安 阅读(358) 评论(0) 推荐(0)