www.jxwinter.cn

肖邦的悲伤-

基于Mootools的返回顶部按钮实现

工作需要一个回顶部按钮,Jquery实现以后,Mootools也实现下,相比而言Mootools功能强大,不需要外挂插件,直接写起

嵌入mootools.js并且加入代码即可

window.addEvent('domready',function(){

          $('gotop').inject(document.body).addEvent('click',function(){

             new Fx.Scroll(window,{link:'cancel'}).toTop();

             }).setOpacity(.8);



             this.addEvent('scroll',function(){

             if(window.getScrollTop()>100){

             $('gotop').setStyle('top',window.getSize().y + window.getScrollTop() - $('gotop').getSize().y).show();

             }else{

              $('gotop').hide();

             }

         });

});

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

咱们测试的,为了增加高度,反映效果的文字

www.jxwinter.cn

肖邦的悲伤-

基于Mootools的返回顶部按钮实现