摘要: transform(变形)和transform-origin(变形原点)的说明:目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform;transform-origin是变形原点,也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用;语法:-moz-transform-origin: [ <percentage> |<length> | left |center |right ][ <p 阅读全文
posted @ 2012-09-13 17:03 平阳小安 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnVal鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.al 阅读全文
posted @ 2012-09-13 13:59 平阳小安 阅读(308) 评论(0) 推荐(1) 编辑
摘要: 不支持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 平阳小安 阅读(732) 评论(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 平阳小安 阅读(232) 评论(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 平阳小安 阅读(161) 评论(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 平阳小安 阅读(186) 评论(0) 推荐(0) 编辑
摘要: PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化.screenX:鼠标在屏幕上的位置,从屏幕左上角开始,这个没有任何争议;offsetX:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值;*layerX:FF特有,鼠标相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型的bo 阅读全文
posted @ 2012-09-03 10:24 平阳小安 阅读(265) 评论(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 平阳小安 阅读(166) 评论(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 平阳小安 阅读(342) 评论(0) 推荐(0) 编辑
摘要: ********以下编码,全部来自网络摘抄*****/love/ 其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够使用户更加灵活的定制模式内容,正则表达式提供了专门的“元字符”。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字符(即位于元字符前面的字符)在目标对象中的出现模式。常用的元字符包括: “+”, “*”,以及 “?”“+”元字符规定其前导字符必须在目标对象中连续出现一次或多次。/fo+/ 因为上述正则表达式中包含“+”元字符,表示可以与目标对象中的 “fool”,.. 阅读全文
posted @ 2012-08-28 11:07 平阳小安 阅读(151) 评论(0) 推荐(0) 编辑