原文链接:https://www.toutiao.com/i6495304998786695694/ 上一节我们完成了手机滑动粗糙效果,这部分我们将给动画添加一个手指的图片. 首先,选择"插入"选项卡,"图像"功能组,"图片"按钮,插入一张图片. 我们插入一个手指图片,为了完成手指滑动的效果. 选择"动画"选项卡,"高级动画"功能组,"动画窗格"按钮.打开"动画窗格"…

移动终端的流行,程序员希望通过HTML+JS完成触屏动作的识别.下面给出具体实现的例子,供大家参考. 将下面的代码复制并保存,用手机访问,现在的手机浏览器一般都支持触屏,针对本演示来讲就是支持三个js事件: 1.touchstart---手指开始触摸事件,此事件可以获取起始坐标,将起始坐标保存在pressX 和pressY 中. 2.touchmove---手机触摸移动时间,只要手机不离开指定元素,就不停的将手机的新坐标通过事件发给页面上的js代码.通过计算此事件获取的当前坐标与起始坐标的差,就…

原文链接: https://www.toutiao.com/i6495341287196066317/ 我们添加一个手机图片 选择"插入"选项卡,插入两条直线,如下图所示.插入直线的时候按住Shift,绘制直线效果会直一点. 将直线轮廓颜色设置为白色 我们再插入一条直线,白色轮廓 选择"格式"选项卡,"排列"功能组,"旋转"按钮,下拉列表"其它旋转选项" 我们填入旋转数值:45° 选择"直线&qu…

原文链接:https://www.toutiao.com/i6495291974680052238/ 选择"插入"选项卡,"插图"功能组."形状"按钮."圆角矩形".绘制一个圆角矩形. 鼠标左键选中圆角矩形,圆角矩形会出现一个黄色的圆点,拖动这个圆点,圆角矩形会变得更加圆滑. 拖动过后 选择"圆角矩形",出现"格式"选项卡,分别选择"形状样式"功能组中,"形…

下午有时间,研究了下手机网页开发方面的内容.其中关于手机手势滑屏操作.发现有比较好的jquery 插件--flipsnap. 官方网站:http://pxgrid.github.com/js-flipsnap/ 具体可以参见的demo:http://www.cnblogs.com/duanhuajian/archive/2012/10/31/2748585.html…

今天看到百度手机助手首页上的滑动效果非常nice,主要功能归结为: 1.当手指上划时,顶部搜索栏随手指移动距离而缩小到隐藏,隐藏后内容还是可以继续移动 2.手指下滑时,当显示内容达到第一个时,顶部搜索栏逐渐变大显示 自己实现用到的知识: 1.android事件传递机制:捕获到手指移动事件后,根据移动的方向与功能栏的高度对功能栏大小进行修改 .由于listview与功能栏高度要同时移动,需要重写了dispatchTouchEvent方法,直接调用this.onTouchEvent(ev);进行所有…

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发,这个好像比较少用 每个触摸事件被触发…

原文 wpf 模拟3D效果(和手机浏览图片效果相似)(附源码) pf的3D是一个很有意思的东西,类似于ps的效果,类似于电影动画的效果,因为动画的效果,(对于3D基础的摄像机,光源,之类不介绍,对于依赖属性也不介绍.),个人认为,依赖属性这个东西,有百分之五十是为了3D而存在.(自己写的类似于demo的东西)先上图,无图无真相…

iphone在设置了initial-scale=1 之后,我们终于可以以1:1 的比例进行页面设计了. 关于viewport,还有一个很重要的概念是:iphone 的safari 浏览器完全没有滚动条,而且不是简单的“隐藏滚动条”,是根本没有这个功能. iphone 的safari 浏览器实际上从一开始就完整显示了这个网页,然后用viewport 查看其中的一部分. 当你用手指拖动时,其实拖的不是页面,而是viewport.浏览器行为的改变不止是滚动条,交互事件也跟普通桌面不一样. 解决办法:…

最近正在重做公众号相关的一些设计以及排版,想到年前部门里的UI设计大神做了一个关于"PPT设计指南"的分享,正好可以拿来实践一把. 一直以来,PPT.Word.Excel都是办公人员的利器.学好Excel,表格报表不用愁,学好Word论文排版不求人.至于PPT,有的公司甚至有了"PPT文化".做好PPT,几乎成为升职加薪的"加分项". 本文对PPT制作一点设计"套路"介绍给大家.无论是在职业晋升,还是专业技能分享,希望这份指南…