用WeX5制作PPT
来源:互联网 发布:上海sai软件培训 编辑:程序博客网 时间:2024/05/16 08:45
html5做PPT不是什么新鲜事了,你看现在的易企秀做的网页版的PPT多漂亮,但是我们自己能不能做出类似的效果呢。
最近研究了下用WeX5做PPT,要做PPT从框架上讲要实现这样几个功能:1.点击进入下一页;2.上滑进入下一页,下滑进入上一页;3.当然如果支持左右滑动翻页也挺好;
最先想到的就是使用contents组件,这个组件本身就能实现左右滑动翻页的效果,那么我们先做个简单的,增加点击进入下一页的效果
这个不难,只要给contents绑定一个单击事件就可以了,
Model.prototype.contents1Click = function(event){ this.comp('contents1').next(); };
然后就是在每个content页中增加scrollView组件,并给这个组件绑定上滑和下滑事件
对应的js代码如下:
Model.prototype.scrollView2PullUp = function(event){ this.comp('contents1').next(); }; Model.prototype.scrollView2PullDown = function(event){ this.comp("contents1").prev(); };
大功告成,WeX5版的PPT框架制作完成,你也来试试吧
小结:很多我们苦苦思考的难题,常常可以通过我们已知的组件的灵活运用就能达到很奇妙的效果。这里也要赞一下起步软件WeX5开发工具,让开发者不再需要关心很多底层的技术细节问题,只需要简单配置和普通js语句就能实现很多有意思的应用效果。
1 0
- 用WeX5制作PPT
- 用WeX5制作流程图
- 用nodePPT制作ppt
- 用PPT制作点歌系统
- PPT制作
- PPT制作
- PPT制作
- PPT制作
- PPT制作
- ppt制作
- PPT制作
- 用PPT制作圆形水晶按钮
- 【闲】用PPT制作弹幕效果
- 用PPT制作圣诞节贺卡的方法
- 用PPT制作精美的专业电子相册
- wex5
- WeX5
- WeX5
- [leetCode] Expression Add Operators
- 【模板】 排序算法
- Hadoop Mapreducer两文件数据求交拼接
- Python基础
- JavaScript高级--ajax
- 用WeX5制作PPT
- php与前端(四): 弹出框layer 的使用
- 正则表达式
- luogu2420 让我们异或和吧
- Linux 基于父子进程的TCP服务器应用编程
- Linux c==套接字(13)
- Prime算法 与 Kruskal算法的时间复杂度比较
- Java将二进制转为ascii码
- jQuery可见性过滤选择器