04 2016 档案

JS中ntWidth offsetWidth scrollWidth scrollLeft scrollTop 等的含义了解
摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight 阅读全文
posted @ 2016-04-23 23:00 chenguiya 编辑
刮刮卡抽奖游戏
摘要：第一种方式： 刮一刮HTML代码为： 倒计时HTML代码为： JS插件代码为： 刮一刮本地效果：game/guayigua/packet_peel.html 倒计时本地效果：game/guayigua/packet_time.html 线上效果为：http://cid.5usport.com/api 阅读全文
posted @ 2016-04-22 21:34 chenguiya 编辑
微信公众号分享朋友圈和朋友updateAppMessageShareData
摘要：微信公众号分享朋友圈的案例 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, init 阅读全文
posted @ 2016-04-21 20:19 chenguiya 编辑
HTML 5 Canvas 参考手册
摘要：http://www.w3school.com.cn/tags/html_ref_canvas.asp 阅读全文
posted @ 2016-04-21 11:43 chenguiya 编辑
html5 canvas圆形带数字加载进度条动画-百分比进度条加载
摘要：第一种方式： HTML代码为： JS代码为： 本地文章效果为：app/html5canvas/bar_canvas/demo.html 文章来自：http://www.17sucai.com/pins/13576.html 第二种方式： HTML代码为： JS代码为： 本地效果为：app/html5 阅读全文
posted @ 2016-04-17 22:58 chenguiya 编辑
[移动端]53种css3 loading白色加载图标动画特效
摘要：第一种方式： 本地效果查看：app/html5_animation/circle.html 文章来自：http://www.17sucai.com/pins/12579.html 第二种方式： 文章来自：http://www.17sucai.com/pins/8148.html 第三种方式： 文章来 阅读全文
posted @ 2016-04-17 22:26 chenguiya 编辑
windows下安装php5.2.*,php5.3.*,php5.4.*版本的memcache扩展
摘要：wampServer中php_memcache.dll扩展 多个版本的php_memcache.dll扩展，其中包括windows下32位和64位的，也涵盖了php5.2到php5.6的php_memcache.dll都有。这个扩展也可以链接带有d的memcached服务端. 一、下载 找到完整的m 阅读全文
posted @ 2016-04-14 15:26 chenguiya 编辑
Jquery 跨域取数据--$.ajax 和$.getJSON
摘要：一般跨域用到的两个方法为：$.ajax 和$.getJSON 比如PHP处理如下： 获取链接为：http://wx.5usport.com/Jsapisign JS写法为： 这样就能获取到json里面的数据了，真好,以后可以经常这样用啦， 阅读全文
posted @ 2016-04-13 18:50 chenguiya 编辑
CI中致命错误：超出最大执行时间30秒的限制 mysqli_driver.php
摘要：CI中出现这个严重的问题 Fatal error: Maximum execution time of 30 seconds exceeded in E:\www\ci-center\system\database\drivers\mysqli\mysqli_driver.php on line 2 阅读全文
posted @ 2016-04-11 23:51 chenguiya 编辑
html5 canvas-笑脸制作
摘要：效果： HTML代码为： JS代码为： 阅读全文
posted @ 2016-04-10 21:43 chenguiya 编辑
抽奖圆的canvas动画
摘要：效果图： HTML代码为： CSS代码为： JS代码生成:按照概率输出的问题 本地效果为：app/html5canvas/lottery/demo.html 线上效果为：http://www.17sucai.com/pins/14555.html 阅读全文
posted @ 2016-04-10 19:56 chenguiya 编辑
blur--动画
摘要：第一种方式：blur-动画 CSS代码为： 本地效果为：app/html5_animation/blur.html 阅读全文
posted @ 2016-04-10 19:37 chenguiya 编辑
slideDow、slideUp--动画
摘要：第一种方式：slideDown-slideUp动画 CSS代码为： 本地效果为：app/html5_animation/slideDown-slideUp.html 阅读全文
posted @ 2016-04-10 19:32 chenguiya 编辑
heartbeat--动画
摘要：第一种方式：heartbeat--动画 CSS代码为： 本地效果为：app/html5_animation/heartbeat.html 阅读全文
posted @ 2016-04-10 17:18 chenguiya 编辑
rollIn、rollOut、rotate、rotateIn、rubberBand、rightflip--动画
摘要：第一种方式：rollIn--动画 CSS代码为： 本地效果为：app/html5_animation/rollIn.html 第二种方式：rollOut--动画 CSS代码为： 本地效果为：app/html5_animation/rollOut.html 第三种方式：rotate--动画 CSS代码 阅读全文
posted @ 2016-04-10 17:13 chenguiya 编辑
lightSpeedIn、lightSpeedOut--动画
摘要：第一种方式为：lightSpeedIn--动画 CSS代码为： 本地效果为：app/html5_animation/lightSpeedIn.html 第二种方式：lightSpeedOut--动画 CSS代码为： 本地效果为：app/html5_animation/lightSpeedOut.ht 阅读全文
posted @ 2016-04-10 17:06 chenguiya 编辑
pulse、puffIn、puffOut--动画
摘要：第一种方式为：pulse--动画 CSS代码为： 本地效果为：app/html5_animation/pulse.html 第二种方式为：puffIn--动画 CSS代码为： 本地效果为：app/html5_animation/puffIn.html 第三种方式为：puffOut--动画 CSS代码 阅读全文
posted @ 2016-04-10 16:59 chenguiya 编辑
wobble--动画
摘要：第一种方式：wobble--动画 CSS代码为： 本地效果为：app/html5_animation/wobble.html 阅读全文
posted @ 2016-04-10 16:55 chenguiya 编辑
jello---动画
摘要：第一种方式：jello--动画 CSS代码为： 本地效果为：app/html5_animation/jello.html 阅读全文
posted @ 2016-04-10 16:52 chenguiya 编辑
flip、flipInX、flipOutX、flipInY、flipOut----动画
摘要：第一种方式：flip--动画 CSS代码为： 本地效果为：app/html5_animation/flip.html 第二种方式：flipInX-flipOutX动画 CSS代码为： 本地效果为：app/html5_animation/flipInX-flipOutX.html 第三种方式：flip 阅读全文
posted @ 2016-04-10 16:51 chenguiya 编辑
bounceOut、bounceOutDown、bounceOutUp、bounceOutLeft、bounceOutRight---动画
摘要：第一种方式：bounceOut动画 CSS代码为： 本地效果为：app/html5_animation/bounceOut.html 第二种方式：bounceOutDown-bounceOutUp动画 CSS代码为： 本地效果为：app/html5_animation/bounceOutDown-b 阅读全文
posted @ 2016-04-10 16:14 chenguiya 编辑
fadeOut、fadeOutUp、fadeOutDown、fadeOutLeft、fadeOutRight---动画
摘要：第一种方式：fadeOutUp-fadeOutDown动画 CSS代码为： 本地效果为：app/html5_animation/fadeOutUp-fadeOutDown.html 第二种方式：fadeOutLeft-fadeOutRight动画 CSS代码为： 本地效果为：app/html5_an 阅读全文
posted @ 2016-04-10 15:59 chenguiya 编辑
shake、scaleDown、scaleUp--动画
摘要：第一种方式：shake动画 CSS代码为： 本地效果为：app/html5_animation/shake.html 第二种方式：scaleDown-scaleUp--动画 CSS代码为： 本地效果为：app/html5_animation/scaleDown-scaleUp.html 阅读全文
posted @ 2016-04-10 15:48 chenguiya 编辑
start-动画
摘要：第一种方式：start-动画 本地问价查看：app/html5_animation/start.html 阅读全文
posted @ 2016-04-10 14:06 chenguiya 编辑
rotate---动画
摘要：第一种方式：rotate动画 CSS代码为： 本地效果为：app/html5_animation/rotate.html 阅读全文
posted @ 2016-04-10 13:17 chenguiya 编辑
CSS3 SVG的说明
摘要：http://www.jb51.net/html5/72244.html 阅读全文
posted @ 2016-04-10 12:54 chenguiya 编辑
CSS3 canvas画布的说明
摘要：1、canvas说明 圆的周长C＝2×半径×圆周率＝直径×圆周率 圆的周长＝2πr； 圆的面积S=(πr²) <canvas>元素定义：<canvas id="canvas" width="150" height="150">你的浏览器不支持canvas，请升级浏览器</canvas> <canva 阅读全文
posted @ 2016-04-07 12:32 chenguiya 编辑
CSS3 background-size:cover | contain;
摘要：原文来自：http://www.topcss.org/demo/background-size-cover-contain.html 阅读全文
posted @ 2016-04-06 12:49 chenguiya 编辑
抽奖今晚研究
摘要：canvas http://www.17sucai.com/pins/demoshow/14555 阅读全文
posted @ 2016-04-06 12:25 chenguiya 编辑

点击右上角即可分享
微信分享提示