随笔分类 - 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...
阅读全文
摘要:本文地址: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返回匹配到
阅读全文
摘要: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
阅读全文
摘要:不支持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"
阅读全文
摘要: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
阅读全文
摘要: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','#
阅读全文
摘要:<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
阅读全文
摘要:<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
阅读全文
摘要:表 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
阅读全文
摘要:<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.
阅读全文

浙公网安备 33010602011771号