我目前有这个代码链接到左右按钮的图像,使页面向左和向右滚动。
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;
});
我想使用类似的东西链接到一个向上和向下按钮,但我无法让它工作..这是我到目前为止...任何建议将不胜感激!
我的理解是“下降”'似乎让我的页面上升..(但点击时不会淡入淡出)和我的上升'什么都不做(点击时仍然会淡入淡出)。
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;
});