页面重载功能，滑入滑出功能，定时执行功能

算是关于这两天的工作后的一点点js知识积累吧

 

1.document.location.reload();  能实现页面重新刷新；

 

 

2.定时执行功能：

if(window.attachEvent) {
                        window.attachEvent("onload", function(){window.setTimeout(function(){getnew(tjPageNum++);}, 5000);});
                    }
                    else {
                        window.addEventListener("load", function(){window.setTimeout(function(){getnew(tjPageNum++);}, 5000);}, false);
                    }

 

页面加载的时候执行该功能，然后

function getnew(pageNum){
                        var action="spusers2";
                        var strArr =new Array();
                        strArr[0] = action;
                        strArr[1] = pageNum;
                        ajax_submit(action,strArr);
                    };

 

然后在ajax_submit方法里调用了refresh_reuse方法

function ajax_submit(_action,p) {
                        var logined = 0;
                        var pJson = JSON.encode(p);
                        var pUrl;
                        if(logined < 1) {
                            pUrl = "<?=DOMAIN?>/do_signup.php";
                        }
                        else {
                            pUrl = "<?=DOMAIN?>/do_oscar.php";
                        }   
                        var req = new Request({url: pUrl,
                            method:'post', headers: {'X-Request': 'JSON'},
                            evalScripts:true,
                            onSuccess: function(responseText) {
                                //$('hiResult').set('text', responseText);
                                if(_action=='spusers2')
                                    refresh_reuser(responseText);
                                else if(_action=='enew2'){
                                    refresh_newmsg(responseText);
                                }
                            },
                            onFailure: function() {
                                alert(2);
                            }
                        }).send('pjson='+pJson);
                    };

然后在下面的方法中重新执行了  window.setTimeout(function(){getnew(tjPageNum++);}, 5000);。

function refresh_reuser(responseText){
                        tjwWrapper.innerHTML = responseText;
                        tjPrevPageNum = tjPageNum;
                        window.setTimeout(function(){getnew(tjPageNum++);}, 5000);
                    };

 

 

3.  滑入滑出功能：

效果：滑入滑出，利用的是mootools.fx库
moo.fx库是mooTools的一个插件，它宣称它自己是“超轻量级、超小型的javascript效果库”

可以到该链接下去学习 滑入的效果：
http://www.jb51.net/article/20022.htm

我们的新版9911的实现滑入滑出的效果是通过函数：collapseLayer()

function collapseLayer(){
          var cAfter="collapse_after"; 
          $$("span.collapse_trigger").each(function(ele){
        var mod_b=ele.getParent().getNext();
        var fx=new Fx.Slide(mod_b);//拿到要隐藏的节点mod_b，然后放置到一个fx对象中
        ele.store("fx",fx);//保存fx对象
        ele.addEvent("click",function(){
        var fx=this.retrieve("fx");//找到fx对象
        fx.toggle();
//toggle() 这个方法有可能显示或者隐藏元素，结果完全取决于这个元素的当前状态。用于点击事件时非常有用
//意思就是把fx对象隐藏起来 ，其实就是把里面的节点隐藏起来
      if(this.hasClass(cAfter)){
        this.removeClass(cAfter);
      }else{
        this.addClass(cAfter);
      }
    });
  });

该函数在页面加载的时候就执行了。执行后其实就已经 做了下面的工作：拿到药隐藏的节点，然后保存在该节点下，---添加点击事件。
所以就很方便了。