0

良い垂直バブル マーキー プラグインを探しています。

単純な垂直マーキーではありません。div コンテンツの下から上への要素マーキーで滑らかなものである、優れた「フラッシュのような」効果プラグインを探しています。

本当にいいかもしれませんが、このプラグインは私の夢の中だけだと思います

4

2 に答える 2

1

まあ、それはそれほど効率的ではありませんが、これは良いスタートだと思います:

jQuery.fn.verticalMarquee = function(vertSpeed, horiSpeed) {
    this.css('float', 'left');

    vertSpeed = vertSpeed || 1;
    horiSpeed = 1/horiSpeed || 1;

    var windowH = this.parent().height(),
        thisH = this.height(),
        parentW = (this.parent().width() - this.width()) / 2,
        rand = Math.random() * 1000,
        current = this;

    this.css('margin-top', windowH + thisH);
    this.parent().css('overflow', 'hidden');

    setInterval(function() {
        current.css({
            marginTop: function(n, v) {
                return parseFloat(v) - vertSpeed;
            },
            marginLeft: function(n, v) {
                return (Math.sin(new Date().getTime() / (horiSpeed * 1000) + rand) + 1) * parentW;
            }
        });
    }, 15);

    setInterval(function() {
        if (parseFloat(current.css('margin-top')) < -thisH) {
            current.css('margin-top', windowH + thisH);
        }
    }, 250);
};

$('.message').verticalMarquee(0.5, 1);

Math.sin要素を水平方向に移動するために使用します。この関数verticalMarqueeは 2 つの引数を受け入れます。1 つは垂直速度用、もう 1 つは水平速度用です。この関数は、要素を 1 つだけ含む jQuery オブジェクトでのみ呼び出すことができます。テスト中に、一度に複数の要素をアニメーション化すると、ひどい遅延が発生しました。

ここで簡単なデモを参照してください: http://jsfiddle.net/CcccQ/2/

于 2010-11-14T13:30:15.657 に答える
0

The Silky Smooth Marqueeプラグインのようなものですか?

于 2010-11-13T16:18:43.673 に答える