摘要:
下班后,闲着无事,刚好近期在学习画布相关知识,就写了个刮刮卡的demo练一下手,兼容安卓、IOS哦。高手路过,多多指点!刮刮卡实现原理:通过canvas绘制一个图片,用户手指触发屏幕时,刮开当前一部分封面图,从而显示正文中的内容。整体运用canvas的globalCompositeOperation... 阅读全文
摘要:
如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是... 阅读全文
摘要:
一、点击input,textarea,select等表单类元素,出现一个多余文本窗口解决办法:input,textarea,select{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-mo... 阅读全文
摘要:
下面是Jquery中AJAX参数详细列表:参数名类型描述url String(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,... 阅读全文
摘要:
方法一:var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcdef'[Math.floor(Math.random()*16)]) &... 阅读全文
摘要:
相信关于margin负值的使用,每个人都有自己的一套方法。在这里,整理了一下平时常用的一些margin负值制作的效果,与大家分享!先来看一下margin负值的原理解析图:当给一个元素设置margin 负值(top/left),该元素将在该方向上产生位移。例如:/*元素向上位移10px*/ .demo{margin-top:-10px;} 二、当给一个元素设置margin负值(bottom/right),这个元素并不会像你所预想的产生位移,而是将任何紧随其后的元素“拉”过来,覆盖在自己的上边。例如:/*所有紧随元素demo之后的元素向上位移10px*/ .demo{margin-bottom:- 阅读全文
摘要:
闲暇无事,参考着做了个CSS3小demo,拿出来晒晒!先看下预览效果(亲,记得要在现代浏览器下预览哦,使用IE的请绕过):查看demohtml部分 ... 阅读全文