Jquery效应 - 褪色

时间:2011-06-21 03:17:32

标签: jquery

我想知道是否有一种简单的方法可以让淡入淡出并在浏览器窗口完全加载后向右滑动并逐渐淡出并向右滑动如果点击链接将用户带到另一个该网站的一部分。我对JQuery了解不多,所以任何帮助都将不胜感激!谢谢!

3 个答案:

答案 0 :(得分:1)

查看动画的jQuery文档。有fadeIn()fadeOut()方法。

至于滑动,你需要查看jQuery animation and effects

更一般地说,您需要先阅读a good jQuery tutorial。相信我,开始有效使用并不难。

答案 1 :(得分:0)

我建议您使用.animate()而不是.fadeIn().fadeOut(),因为使用.fadeOut()会在display: none完成后添加$('#clickme').click(function() { $('#book').animate({ opacity: 0.25, left: '+=50', height: 'toggle' }, 5000, function() { // Animation complete. }); });

.animate()页面上的这段代码可能会帮助您入门......

{{1}}

如果在用户点击链接时发生了某些事情(除了将其带到页面之外),您就会想要使用event.preventDefault()

答案 2 :(得分:0)

$(document).ready(function() {

    $('#object').animate({opacity: 0.00}, 1).animate({opacity: 1.00, left: 50}, 'slow');

    $('#click').click(function(){

        var left = parseInt($('#object').css('left'));

        $('#object').animate({opacity: 0.00, left: (left + 50)}, 'slow');
    });
});

现场演示http://jsfiddle.net/imoda/sKqnS/7/