首页 > 其他 > 详细

2016年gift上线相关知识点记录

时间:2016-01-12 19:35:59      阅读:209      评论:0      收藏:0      [点我收藏+]

1、图片初始化加载

2、如何判断横屏

 function horAver() {
        if (window.orientation == 90 || window.orientation == -90) {
            alert("建议竖起手机玩游戏:-D");
        }
    }
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", horAver, false);

3、pageShow的使用

var count=0;
  window.addEventListener(‘pageshow‘, function(event) {
    count++;
    if(count>1)
    {
      alert(11111);
    }
  });

4、动画避免使用setInterval,改为css3,间隔时间可从keyframes中改变

@-webkit-keyframes wobble {
70% { -webkit-transform: translateY(0%); }
75% { -webkit-transform: translateY(-5%) rotate(-5deg); }
80% { -webkit-transform: translateY(4%) rotate(3deg); }
85% { -webkit-transform: translateY(-3%) rotate(-3deg); }
90% { -webkit-transform: translateY(2%) rotate(2deg); }
95% { -webkit-transform: translateY(-1%) rotate(-1deg); }
100% { -webkit-transform: translateY(0%); }
}

5、修改地址、通过地址传递参数,获取参数

function getQuery(key){
   var arr = window.location.search.split(‘&‘)
   for (var i = 0; i < arr.length; i++) {  
        var ar = arr[i].split("=");  
        if (ar[0] == key) {  
            return arr[1];  
        }  
    }   
     return "";  
}   
 

6、提交表单过程添加loading图片

<form action="#" method="" name="form1" class="f_form" onsubmit="return isForm(this)">
                <input type="text" placeholder="姓名" name="name">
                <input type="text" placeholder="电话" name="tel">
                <input type="hidden" name="platform" value=“">
                <input type="button" value="提 交" id="j_formsubmit" class="btn">
</form>

$(‘#j_formsubmit‘).on(‘click‘,function(event){
        if(isForm(document.form1))
        {
            document.form1.submit();
            $(‘.loading_gif‘).html(‘<img src="http://n.sinaimg.cn/mobileh5/dc9d8119/20160107/loading.gif" />‘);
        }
    })

 

 function isForm() {
  var oForm = $(‘.f_form‘)[0];
  if (!oForm.children[0].value) {
    alert(‘请输入姓名‘);
    return false;
  } else if (!/^0?1[3|4|5|7|8][0-9]\d{8}$/.test(oForm.children[1].value)) {
    alert(‘请输入正确手机号‘)
    return false;
  } else {
  return true;
  }
}

  

 

 

2016年gift上线相关知识点记录

原文:http://www.cnblogs.com/a67cm/p/5125339.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!