帖子
帖子
用户
博客
课程
显示全部楼层
12
帖子
0
勋章
538
Y币

分享一个启动画面逻辑,给大家参考一下。

[复制链接]
发表于 2015-10-21 00:36:18
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6.     <title>郑在发生</title>
  7.     <style>
  8.         html {
  9.             height: 100%;
  10.             background-color: #FFFFFF;
  11.         }

  12.         body {
  13.             background-color: #fff;
  14.             padding: 0;
  15.             margin: 0;
  16.             display: -webkit-box;
  17.             display: -webkit-flex;
  18.             display: flex;
  19.             height: 100%;
  20.             -webkit-box-orient: vertical;
  21.             -webkit-flex-flow: column;
  22.             flex-flow: column;
  23.         }
  24.     </style>
  25. </head>
  26. <body>
  27. </body>
  28. <script type="text/javascript" src="script/api.js"></script>
  29. <script type="text/javascript" src="script/baidu.js"></script>
  30. <script type="text/javascript" src="script/playAds.js"></script>
  31. <script>
  32.         apiready = function() {
  33.                 var appVersion = api.appVersion;
  34.                 var lastVersion = $api.getStorage('appversion',appVersion);
  35.                 if (!appVersion||appVersion != lastVersion) {
  36.                         adsHome();               
  37.                 } else {
  38.                     goHome();
  39. $api.setStorage('appversion','');  //调试用,正式版本去掉
  40.                 };
  41.                 BaiduMap('启动', '0');
  42.         }
  43. </script>
  44. </html>
复制代码

  1. function goHome() {
  2.     api.openSlidLayout({
  3.             type: 'left',
  4.             leftEdge: 60,
  5.             fixedPane: {
  6.                 name: 'fixed',
  7.                 url: 'html/fixed.html'
  8.             },
  9.             slidPane: {
  10.                 name: 'mbody',
  11.                 url: 'mbody.html'
  12.             }
  13.         }, function (ret) {

  14.         });
  15. }

  16. function adsHome() {
  17. var obj = api.require('UIScrollPicture');
  18. var paths = ['widget://res/welcome/1.jpg', 'widget://res/welcome/2.jpg', 'widget://res/welcome/3.jpg'];
  19. obj.open({
  20.     rect:{x:0,y:0,w:api.winWidth,h:api.winHeight},
  21.     data: {paths: paths},
  22.     placeholderImg: 'widget://res/welcome/1.jpg',
  23.     contentMode: 'scaleToFill',
  24.     interval:10000,
  25.         auto:false,
  26.         loop: false,
  27.     fixedOn: '',
  28.     fixed: true
  29. }, function(ret, err){
  30.      if(ret.status){
  31.         if(ret.eventType == 'click'){
  32.             //点击图片的操作
  33.             if(ret.index == '2'){
  34.              var appVersion = api.appVersion;
  35.              $api.setStorage('appversion',appVersion);
  36.              obj.close();
  37.              goHome();
  38.             };
  39.         }
  40.      }
  41. });
  42. }
复制代码



12
帖子
0
勋章
538
Y币
  小白好不容易分享下代码,咋也没有人支持下啊。
17
帖子
0
勋章
122
Y币
我在用这个方式,但有一个问题goHome这个不能加载自己的框架
17
帖子
0
勋章
122
Y币
开始没有理解WINDWO的打开方式,这个欢迎页是打开了一个WINDWO
一个openFrameGroup就可以解决的事
0
帖子
0
勋章
1483
Y币
支持支持
4
帖子
0
勋章
109
Y币

谢谢分享!
1
帖子
0
勋章
841
Y币
谢谢分享
4
帖子
0
勋章
332
Y币
必须支持,谢谢分享。
2
帖子
0
勋章
17
Y币
mark一下
您需要登录后才可以回帖 登录

本版积分规则