网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(17)——手风琴插件(2)

Mootools 1.2教程(17)——手风琴插件(2)

作者:Fdream 来源:Fdream博客 发布时间:2008-12-11 13:39:00 

标签:mootools,手风琴,插件,教程,javascript


事件

onActive

当你开关一个元素时触发这个事件。他将会传递这个开关控制元素和内容元素,还有开关状态作为参数。

参考代码: 

var AccordionObject = new Accordion(toggles, content {  
    onActive: function(toggler, element) { 
        toggler.highlight('#76C83D'); // 绿色 
            element.highlight('#76C83D'); 
    } 
});


onBackground

当ige元素开始隐藏时触发这个事件,它将传递所有其他正则关闭的元素作为参数,而不是展开的元素。

参考代码: 

var AccordionObject = new Accordion(toggles, content {  
    onBackground: function(toggler, element) { 
        toggler.highlight('#DC4F4D'); // 红色 
            element.highlight('#DC4F4D');     
    } 
});



onComplete

这是一个标准的onComplete事件。它传递一个包含内容元素的变量。这里又一种更好的方式获取这些东西,如果有人知道,可以作个记录。

参考代码: 

var AccordionObject = new Accordion(toggles, content {  
    onComplete: function(one, two, three, four){ 
        one.highlight('#5D80C8'); // 蓝色 
            two.highlight('#5D80C8'); 
            three.highlight('#5D80C8'); 
            four.highlight('#5D80C8');  
    } 
});


方法

.addSection();

通过这个方法,你可以在中间添加一节(一个标题/内容元素对)。这个我们见过的许多其他方法一样。首先,我们引用一个手风琴对象,在后面加上.addSection,然后你可以调用标题的id、内容的id,最后给它指定一个位置——这个新元素要出现的位置(0是第一个位置)。

参考代码: 


注意:当你通过这个方式添加一节,虽然它会在索引值为2的地方显示,但是它的真实索引应该是最后一个索引值加1。如果你在一个数组中有5个项,然后你添加了第六个,它的索引值则为5,而不管你通过.addSection();方法把它添加在了什么地方。

.display();

这个方法可以让你展开一个指定的元素。你可以通过它的索引值来选择这个元素(如果你添加了一个新的元素对,你又想展开它们,你需要使用一个新的索引值)。

参考代码: 

AccordionObject.display(5); // 这将显示你新增加的元素

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com