Question

任何人都可以指导我在本网站上使用jquery库http://www.bluemountains.edu.au/，是否可以下载或可以在线购买？我正在讨论主横幅上对学生生活，计划和职业菜单的影响。

提前致谢。

Answer 1

就在这里：http://jquery.malsup.com/cycle/

Answer 2

如果你在谈到不同标题上的主横幅手风琴效果时，它似乎是由作者定制的。

您可以浏览源代码并查找他们使用的代码，但这可能不是您在寻找的内容。您可能应该有一些具有jQuery经验的人来为您编写适合您项目的经验，从头开始这是一项相当容易的任务。

Answer 3

歪斜是由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);
    });

Answer 4

在http://jQuery.com了解详情。它可以免费下载。

一些样本

希望这会对你有所帮助。

jquery动画库识别

4 个答案: