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