идентификация библиотеки анимации jQuery

Question

Может ли кто-нибудь указать мне, какая библиотека jquery используется на этом сайте, http://www.bluemountains.edu.au/, и если она доступна для загрузки или доступна для покупки в Интернете? Я говорю о влиянии на меню ученической жизни, программы и карьеры на главном баннере.

Заранее спасибо.

Answer 1

Подробнее на http://jQuery.com. Его можно скачать бесплатно.

Некоторых образцы

• http://buildinternet.com/live/smoothmenu/animated-menu.html (Download)
• http://www.jankoatwarpspeed.com/examples/vimeo_navigation/ (Download)
• http://apycom.com/menus/16-indian-red.html (Download)

Надеется, что это помогает.

Answer 2

Именно здесь: http://jquery.malsup.com/cycle/

Answer 3

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

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

Answer 4

перекоса выполнен по CSS3 и HTML 5 и с помощью JQuery анимации (в IE7 там нет перекоса эффект):

#homepage_accordion a { 
    position: relative; 
    margin: 0 0 0 -1px; 
    display: block; 
    float: left; 
    height: 500px; 
    overflow: hidden; 
    text-decoration: none; 
    -moz-transform: skew(-2deg, 0deg); 
    -webkit-transform: skew(-2deg, 0deg); 
    -o-transform: skew(-2deg, 0deg); 
    -ms-transform: skew(-2deg, 0deg); 
    transform: skew(-2deg, 0deg); 
} 

и сценарий

// Let's grab all of the actors in this feature 
    var $FL = jQuery('#homepage_accordion a.left'); 
    $FL.data({ 
     'wrap': $FL.find('.wrap'), 
     'excerpt': $FL.find('.excerpt') 
    }); 

    var $FM = jQuery('#homepage_accordion a.middle'); 
    $FM.data({ 
     'wrap': $FM.find('.wrap'), 
     'excerpt': $FM.find('.excerpt') 
    }); 

    var $FR = jQuery('#homepage_accordion a.right'); 
    $FR.data({ 
     'wrap': $FR.find('.wrap'), 
     'excerpt': $FR.find('.excerpt') 
    }); 


    // Set some animation options 
    var animOpts = { 
     duration: 600, 
     queue: false, 
     easing: 'easeInOutQuart' 
    }; 


    // Now we'll add the events for each 
    $FL.bind('mouseenter', function(Event) { 
     $FL.data('wrap').animate({ 
      marginTop: 350, 
      height: 150 
     }, animOpts); 

     $FL.data('excerpt').animate({ 
      opacity: 1 
     }, animOpts); 

     $FM.animate({ 
      marginLeft: 0 
     }, animOpts); 

     $FM.data('wrap').animate({ 
      marginTop: 0, 
      height: 500, 
      width: 300 
     }, animOpts); 

     $FM.data('excerpt').animate({ 
      opacity: 0 
     }, animOpts); 

     $FR.data('wrap').animate({ 
      marginTop: 0, 
      height: 500, 
      width: 2000 
     }, animOpts); 

     $FR.data('excerpt').animate({ 
      opacity: 0 
     }, animOpts); 
    }); 

    $FM.bind('mouseenter', function(Event) { 
     $FM.data('wrap').animate({ 
      marginTop: 350, 
      height: 150, 
      width: 600 
     }, animOpts); 

     $FM.animate({ 
      marginLeft: -250 
     }, animOpts); 

     $FM.data('excerpt').animate({ 
      opacity: 1 
     }, animOpts); 

     $FL.data('wrap').animate({ 
      marginTop: 0, 
      height: 500, 
      width: 2000 
     }, animOpts); 

     $FL.data('excerpt').animate({ 
      opacity: 0 
     }, animOpts); 

     $FR.data('wrap').animate({ 
      marginTop: 0, 
      height: 500, 
      width: 2000 
     }, animOpts); 

     $FR.data('excerpt').animate({ 
      opacity: 0 
     }, animOpts); 
    }); 

    $FR.bind('mouseenter', function(Event) { 
     $FR.data('wrap').animate({ 
      marginTop: 350, 
      height: 150 
     }, animOpts); 

     $FR.data('excerpt').animate({ 
      opacity: 1 
     }, animOpts); 

     $FM.animate({ 
      marginLeft: -250 
     }, animOpts); 

     $FM.data('wrap').animate({ 
      marginTop: 0, 
      height: 500, 
      width: 300 
     }, animOpts); 

     $FM.data('excerpt').animate({ 
      opacity: 0 
     }, animOpts); 

     $FL.data('wrap').animate({ 
      marginTop: 0, 
      height: 500, 
      width: 2000 
     }, animOpts); 

     $FL.data('excerpt').animate({ 
      opacity: 0 
     }, animOpts); 
    });