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

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

前もって感謝します。

1

4 答え

詳しくは、 http://jQuery.com をご覧ください。無料でダウンロードできます。

いくつかのサンプル

これがあなたを助けることを願ってください。

1
追加された
これは何を求めているのではない
追加された 著者 amd,
0
追加された

異なるタイトルの上にマウスを置くと、メインバナーのアコーディオン効果について話している場合、それは作者によってカスタムされたようです。

ソースをスキャンして使用したコードを見つけることができますが、ここで探しているコードと同じではありません。おそらく、あなたのプロジェクトに合ったものをプログラムするために、jQueryの経験を持った人がいるはずです。最初からやるのはかなり簡単です。

0
追加された

スキューはcss3とhtml5で、アニメーションは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);
    });
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript