摘要: 前言-为什么学习snap.svg.js前阵子webAPP的技术群里有人感觉到svg+animate的形式感觉很炫,矢量图任意放大且不需要下载图片,并且在手机端效果流畅。(矢量图与位图最大的区别是,它不受分辨率的影响。可以任意放大或缩小图形而不会影响出图的清晰度,可以按最高分辨率显示到输出设备上,位图... 阅读全文
posted @ 2014-09-20 11:57 Margo_test 阅读(5642) 评论(3) 推荐(3) 编辑
摘要: 前阵子总监要说做一个邀请函 效果 点击这里 鼠标拖拽进行浏览它用的是Adobe edge软件生成的,代码量过大,冗余太多。再加上我也没学过这个软件怎么使用,增加学习成本影响项目进度。于是就自己写了个简单的。鼠标移动到右下角窗口滚动看效果→DEMO不过是单体的 没有使用多个图片分频运动 ,当然如果项目... 阅读全文
posted @ 2014-07-23 15:36 Margo_test 阅读(1515) 评论(0) 推荐(0) 编辑
摘要: DOMContentLoaded介绍DOMContentLoaded事件的触发条件是:将会在“所有的DOM全部加载完毕并且JS加载执行后触发”。但如果“js是通过动态加载进来的话,是不会影响到DOMContentLoaded的触发时间”如下图所示,蓝色的线代表DOMContentLoaded开始触发... 阅读全文
posted @ 2014-05-22 11:44 Margo_test 阅读(2214) 评论(2) 推荐(0) 编辑
摘要: 上次发表了一篇 微信抽奖转盘活动-效果源码分析最近想起了刚接到这个项目时第一时间脑海里迸出的解决方法 “CSS3”!为什么不能用CSS3来实现呢? 所以我打算用CSS3来实现这个效果。并不需要依赖jquery的动画效果插件,旋转角度插件。不废话 贴源码:PS:该动画不支持IE10及以下(11没测 应... 阅读全文
posted @ 2014-03-18 15:19 Margo_test 阅读(3519) 评论(7) 推荐(2) 编辑
摘要: 手机端源码下载地址:http://pan.baidu.com/s/1ntG1Sd7(我修改成了移动端自适应,微信访问可看到效果,但我没自己的站,只能你们自己实验了!)昨天接到公司的一个项目是在微信端做一个抽奖转盘的效果,脑海里的第一个想法就是用CSS3动画来实现这个效果,但是一想到抽奖概率与转盘动画的关联性,还是去网上找了一套代码。写在这里做一下代码的知识总结吧!所需要用到的插件:jquery、jQueryRotate(负责控制元素转动的角度)、jquery.easing(负责元素转动时的动画效果调用) 以上的基本需求满足后开始研究效果的实现接下来是PHP代码,... 阅读全文
posted @ 2014-03-07 11:06 Margo_test 阅读(6071) 评论(5) 推荐(4) 编辑
摘要: 过完年了,又要有新的项目了,趁暴风雨前的宁静,就把之前让我挺头疼的ajax加载给总结了一下。在此分享。声明下:笔者对于ajax也是新手,如有更好的写法或可以优化的写法,还望指正!项目需求:移动端访问,进行选择答题,初始为五道题,当滑动到底部的时候,会有一个提示,向下滑动继续答题。滑动后ajax加载,每次加载五道题。加载出十五道题的时候,停止加载,并隐藏提示,显示出 提交答案的按钮。(给人感觉永远答不完题一样,感觉这种需求纯属扯淡)但是再扯淡也得实现不是..直接贴代码:我个人感觉写的复杂了,但是可以实现效果,发这个博文的目的还是想得到斧正。//创建页码,每次获取ajax 页码+1,达到指定页码后 阅读全文
posted @ 2014-02-17 11:10 Margo_test 阅读(3003) 评论(0) 推荐(0) 编辑
摘要: 两个项目第一个是公司网站的移动端,我所在的公司是做某方面的新闻站的。所以说页面基本是以一条条的新闻+图文混排为主,顶部有一个自动slider+触屏滑动的功能,使用的是swipe插件,轻量,简洁非常好用。一看就懂 特别赞。采用的的是弹性布局---------------------------------------------------------------------------------其中记录了一些兼容方面的css属性,做过移动端的基本可以跳过: )1.input,button标签在iphone下会自动圆角,这个比较简单,加一个-webkit-appearance:none;就可解 阅读全文
posted @ 2013-12-24 15:44 Margo_test 阅读(2016) 评论(9) 推荐(4) 编辑