关于动画框架类注意的点点滴滴03

Banner切换

http://www.mybreeze.com.cn/family_usedPlace.aspx

 

Html

 

jquery 判断checkbox 是否选中
用 $(this).is(":checked")
设置选中或不选中状态用
$(this).prop("checked", true);

pc版自适应为手机版

http://zqtest.tuiyouyou.com/jingrui7_5/index.html#

 

 

底部加

 

1.Viewport要这样写

2.自适应方法的添加

<script type="text/javascript">

Cmn.Func.MobileAdaptive(640);

</script>

1. Js也不要出现报错否则会爆掉导致自适应失败

2. 最新版本

 

 

通过

?ShowDebugLog=1查看自适应信息

http://innovationbreguet.tuiyouyou.com/

 

 

1.Inline-block导致透视后点击区域偏移改为block即可

2.不同浏览器下透视后点击区域不一致。。。通过微调

给设置时间戳一个名字，以便方便清除它

 

判断是是第几个场景的方法

在特定的场景里面做特定的事情

 

 

以上2种方式都可以

先晃动，然后停下来1，2秒再继续晃动

 

 

 

视频的嵌法1-----视频链接

 

 

视频的嵌法2-----视频文件

 

 

自动播放设置

方法1.

 

 

单独对某一场景添加滚动事件

Css让超出内容可以滚动

 

 

Js 单个解除触摸滚动切换场景事件

 

 

考虑一下背景放在公共还是场景里面，，还是对应场景清除（）

 

http://quakervoice.tuiyouyou.com/?WorkID=10&hq=1#

(4s下把背景放在了公共背景里面通过对应场景显示是清除与显示公共背景)

http://zqtest.tuiyouyou.com/qingfeng101/index.html ( 4s 下把背景放在了场景背景里面可以了)

刮刮卡的引用

 

 

实例初始化
var _hua = new ScratchCard("cnsGuaGuaKa");
    _hua.init("images/page01/scrape_tips.png", 20, 0.2);
_hua.draw("images/page01/charge_code.png");
Canvas 注意给个初始宽高

 

 

0—3随机产生一个数字

 

根据返回随机数调整至不同场景，如果还是当前场景进入下一个。

里面再次递归回调share()函数本身，为了不频繁时刻促发，给了一个500毫秒的时间戳后再递归不停的调用自己

递归：自己调用自己

 

Shark();

    function Shark() { 
        Cmn.Func.Shake(800, function () {
            var _randomNum = ~~(Math.random() * 4);
            switch (_randomNum) {
                case 0:
                    //alert(_randomNum);
                    if (AnimateFrame.CurScenes.ID == "change01") {
                        AnimateFrame.SlideTo("change02");
                    } else {
                        AnimateFrame.SlideTo("change01");
                    }
                    break;
                case 1:
                   // alert(_randomNum);
                    if (AnimateFrame.CurScenes.ID == "change02") {
                        AnimateFrame.SlideTo("change03");
                    } else {
                        AnimateFrame.SlideTo("change02");
                    }
                    break;
                case 2:
                    //alert(_randomNum);
                    if (AnimateFrame.CurScenes.ID == "change03") {
                        AnimateFrame.SlideTo("change04");
                    } else {
                        AnimateFrame.SlideTo("change03");
                    }
                    break;
                case 3:
                   // alert(_randomNum);
                    if (AnimateFrame.CurScenes.ID == "change04") {
                        AnimateFrame.SlideTo("change01");
                    } else {
                        AnimateFrame.SlideTo("change04");
                    }
                    break;
                default:
            }
            setTimeout(function() {
                Shark()
            },500);
        });
    } 

 

 

 

http://javascript.ruanyifeng.com/grammar/style.html#toc13