mootools最新版本 1.2.4 发布了,但是,我发现slide功能没了。后来才发现在 mootools more 另外下载。但是,我另外下载后,发现不能用。
这是mootools的官方demo http://demos.mootools.net/Fx.Slide
mootools官方的demo是1.2.0版本的,跟1.2.4有差别。请高手参考官方的demo,然后帮我做一个1.2.4版的使用demo。
如果能搞定,做好后打包发到我邮箱 zsqv#163.com。谢谢!http://www.mootools.net/download (这是主功能包)
http://www.mootools.net/more (这是小功能包)好象小功能包都需要配合着主功能包来使用的。

解决方案 »

  1.   


    <html>
    <script type="text/javascript" src="mootools-1.2.4-core.js"></script>
    <script type="text/javascript" src="mootools/mootools-1.2.4.4-more.js"></script>
    window.addEvent('domready',function(){
    var test=$('test');
    var mySlide = new Fx.Slide(test);
     
    $('slidein').addEvent('click', function(e){
    e = new Event(e);
    mySlide.slideIn();
    e.stop();
    });
     
    $('slideout').addEvent('click', function(e){
    e = new Event(e);
    mySlide.slideOut();
    e.stop();
    });
     
    $('toggle').addEvent('click', function(e){
    e = new Event(e);
    mySlide.toggle();
    e.stop();
    });
     
    $('hide').addEvent('click', function(e){
    e = new Event(e);
    mySlide.hide();
    e.stop();
    });
    });
    <h3 class="section">Fx.Slide Vertical</h3>
     
    <a id="slideout" href="#">slideout</a> | <a id="slidein" href="#">slidein</a> | <a id="toggle" href="#">toggle</a> | <a id="hide" href="#">hide</a>
     
    <div id="test">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
    </html>
    new Fx.Slide()要放到要操作的DOM对象前面的话(我们习惯上放到HTML的HEAD里),就要放到window.addEvent('domready',function(){...这里放slide效果的代码...});
      

  2.   

    javascript部分忘了加<script language="javascript"></script>了,不好意思