Как бы я добавил переход на свой веб-сайт с помощью jQuery? - PullRequest
Новая
       16

Как бы я добавил переход на свой веб-сайт с помощью jQuery?

0 голосов
/ 26 сентября 2011

Я использую библиотеку jQuery, чтобы она была доступна. Мне нужно знать, как добавить эффект скольжения на эту страницу:

http://qasim.x10.mx/iqbal/

Заметьте, когда вы нажимаете на него, он исчезает и исчезает, но я бы очень хотел, чтобы он скользил, у меня есть небольшая идея о том, как они работают, но в том, как это в настоящее время кодируется, но не уверен в правильной технике в реализации одного. что может быть проще всего?

Большое спасибо.

1 Ответ

0 голосов
/ 26 сентября 2011

Как я понимаю ваш сайт, у вас есть этот код, который выполняет переход затухания: 

$('nav ul li').not('#line').click(function(){
    selected = $(this).attr('id');
    $('nav ul li').css({'background': '', 'color': '#999'});
    $(this).css({'background': getColor(selected), 'color': '#FFF'});

    $('.content').fadeOut('fast', function(){
        $(this).html($('div#'+selected).html());
        $(this).fadeIn('fast');
    })

})

Если бы вы хотели, чтобы он скользил, вероятно, было бы проще использовать jQuery UI. Если вы хотите, чтобы что-то вроде скользило и исчезало влево, то вы можете использовать переход перехода в jQuery UI, чтобы сделать это: 

$('nav ul li').not('#line').click(function(){
    selected = $(this).attr('id');
    $('nav ul li').css({'background': '', 'color': '#999'});
    $(this).css({'background': getColor(selected), 'color': '#FFF'});

    $('.content').hide('drop', {direction: 'left'}, 'fast', function(){
        $(this).html($('div#'+selected).html());
        $(this).show('drop', {direction: 'right'}, 'fast');
    })

})

Я явно не пытался запустить этот точный код на вашем сайте, но он определенно будет выглядеть примерно так.

Подробнее об эффекте падения можно узнать здесь:

Надеюсь, это поможет. :)

...