<script type="text/javascript" src="js/mootools-1.2.2-core-nc.js"></script>
<script type="text/javascript" src="js/_class.noobSlide.packed.js"></script>
<script type="text/javascript">
window.addEvent('domready',function(){
var sampleObjectItems =new Array(19);
var info6 = $('box6').getNext().set('opacity',0);
var nS6 = new noobSlide({
mode: 'vertical',
box: $('box6'),
items: sampleObjectItems,
size: 270,
handles: $$('#handles6_1 div').extend($$('#handles6_2 div')),
handle_event: 'mouseenter',
addButtons: {
previous: $('prev6'),
play: $('play6'),
stop: $('stop6'),
playback: $('playback6'),
next: $('next6')
},
button_event: 'click',
fxOptions: {
duration: 1000,
transition: Fx.Transitions.Back.easeOut,
wait: false
},
onWalk: function(currentItem,currentHandle){
info6.empty();
this.handles.set('opacity',0.3);
currentHandle.set('opacity',1);}
});
//walk to next item
nS6.next();
});
</script>
为什么handles: $$('#handles6_1 div').extend($$('#handles6_2 div')),在jsp不支持,而且currentHandle.set('opacity',1);会报错呢!
ps:handles6_1,handles6_2为2个层 效果为2个层灰掉,鼠标上上去显示http://www.efectorelativo.net/laboratory/noobSlide/
HTML部分一样第6个例子~~~ 问题在于2边图片无效果