我目前有这个代码链接到左右按钮的图像,使页面左右滚动。
jQuery('.go-right').click(function() {
jQuery(".thumbs").stop().animate({left:'-'+(parseFloat(jQuery(".thumbs").width())-parseFloat(jQuery(window).width()))+'px'},{queue:false,duration:300});
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-left').show();
jQuery('img.go-left').fadeTo('slow', 1.0);
return false;
});
jQuery('.go-left').click(function() {
jQuery(".thumbs").stop().animate({left:'0'},{queue:false,duration:300});
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-right').show();
jQuery('img.go-right').fadeTo('slow', 1.0);
return false;
});
我想使用类似于链接到向上和向下按钮的东西,但我无法让它工作..这是我到目前为止所拥有的..任何建议将不胜感激!
我的“go-down”逻辑似乎让我的页面上升..(但点击时不会淡入和淡出),而我的“go-up”什么也不做(点击时 put 仍然淡入和淡出)。
jQuery('.go-down').click(function() {
jQuery(".thumbs").stop().animate({scrollTop: $elem.height()}, 800);
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-down').show();
jQuery('img.go-down').fadeTo('slow', 1.0);
return false;
});
jQuery('.go-up').click(function() {
jQuery(".thumbs").stop().animate({scrollTop: 0});
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-up').show();
jQuery('img.go-up').fadeTo('slow', 1.0);
return false;
});