jqueryアニメーションライブラリの識別

Question

私はこのウェブサイト、私はこのウェブサイト、http://www.bluemountains.edu.au/を使用してjqueryライブラリが使用されている人を導くことができますか、それはダウンロードすることができますかオンラインで購入することができますか？私はメインバナーの学生生活、プログラム、キャリアメニューに及ぼす影響について話しています。

ありがとうございます。

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); 
    });