今天完成的事情：页面增加几个展示部分：交易流程；商户协议；优秀商户；软件链接；

           大体上增上了，样式还不是很美观。

明天计划的事情：将页面美化下，图片位置和样式需要再调下响应式加下

遇到的问题：样式有点多，公共部分需要分离下。页面中有个图片展示部分，用js写的。有点麻烦的感觉

var oBox = document.getElementById('box');
var oBg = document.getElementById('bg');
var oBot = document.getElementById('bottom');
var aBli = oBot.getElementsByTagName('li');
var oFrame = document.getElementById('frame');
var aLi = oBox.getElementsByTagName('li');
var aImg = oBox.getElementsByTagName('img');
var i = iNow =  0;
for(i=0;i<aLi.length;i++){
    aLi[i].index = i;
    aLi[i].onclick = function(){
        console.log(aLi);
        with(oFrame.style){display = 'block';}
        oFrame.innerHTML = '<img src="../../images/pic-'+(this.index + 1)+'.png" />';
        //console.log(oFrame.innerHTML);

        var oImg = oFrame.getElementsByTagName('img')[0];


        with(oImg.style){height = width = '100%';}
        startMove(oFrame, {opacity:100});
        oBg.style.display = 'block';
        oBot.style.display = 'block';
        iNow = this.index + 1;
    };
}
aBli[0].onclick = function(){
    iNow--;
    if(iNow == 0)iNow = aLi.length;
    oFrame.innerHTML = '<img src="images/pic-'+iNow+'.png" width="100%" height="100%" />';
    //console.log(oFrame.innerHTML);
};

aBli[1].onclick = function(){
    iNow++;
    if(iNow > aLi.length)iNow = 1;
    oFrame.innerHTML = '<img src="images/pic-'+iNow+'.png" width="100%" height="100%" />';
};
    $scope.over=function(){
        oFrame.style.display = 'none';
        oBg.style.display = 'none';
        oBot.style.display = 'none';
    };

收获：

早上时看了看相关interverval的只是，有时候调用函数可能会出问题；$interval(一个将被反复执行的函数,时间间隔,[可选，循环次数，未设置无限制循环],[如果设置为false，则避开脏值检查，否则将调用$apply],[函数的附加参数]);