jQuery.Marquee

jQuery.Marqueeは、jQueryのティッカープラグです。jQuery.MarqueeマーキープラグインCSS3アニメーションを使用して組み合わせることができ、上下テキストエフェクトを作成して動き回ります。

使用する
ページにjQueryとjquery.marquee.jsファイルを導入します。

<スクリプトSRC = " JS / jquery.min.js "タイプ= " テキスト/ javascriptの" > </ SCRIPT>
<スクリプトSRC = " JS / jquery.marquee.js "タイプ= " テキスト/ javascriptの" > </ SCRIPT>

あなたはマーキー効果、jquery.marquee.jsファイルの導入を一時停止する必要がある場合。

<スクリプトSRC = " JS / jquery.pause.js "タイプ= " テキスト/ javascriptの" > </ SCRIPT>

あなたが緩和アニメーションを使用する必要がある場合は、jquery.easing.jsファイルを導入しました。

<スクリプトSRC = " JS / jquery.easing.min.js "タイプ= " テキスト/ javascriptの" > </ SCRIPT>

ブロック要素のコンテナティッカーとして使用します。

<DIV ID = " コンテナ" >テキストティッカー</ div>

ページがロードされたDOM要素の後、マーキー（）メソッドは、プラグインを初期化します。3つのオプションのパラメータ、コールバックメソッドがあります。

$（DOM）.marquee（オプション、コールバック）;

オプションオプションのパラメータ：
オプション：{
    方向：「トップ」、
    ピクセル：5 、
    スピード：30 、
}
方向

運動の方向：
    左：左
    右：右
    オン：トップ
    次へ：下。
ピクセル

ピクセル数あたりの移動しました
速度

日間隔（ミリ秒）移動前の2倍の時間
次のように呼び出します。

$（" スクロール" ）.marquee（）;
 
$（" スクロール-B "）.marquee（{方向：' 上部' }）。

$（" スクロール-C "）.marquee（{方向：' 右'、ピクセル：2、速度：30 }）;
 
$（" スクロール-D "）.marquee（{方向：" 底"、ピクセル：2、速度：30 }、関数（）{
    console.log（「の実装」）。
}）;

 

$（関数（）{
$（' .marquee ' ）.marquee（）;
}）;

 

プラグインティッカー可能な設定パラメータは、次のとおりです。

allowCss3Support：ブラウザがCSS3アニメーション、使用CSS3アニメーションをサポートしている場合。デフォルトはtrueです。
css3easing：CSS3緩和効果を、デフォルトである「リニア」。
緩和：jqueryの緩和効果は、デフォルトは「リニア」。
delayBeforeStart：スタートアニメーションの遅延時間は、ミリ秒単位で、デフォルトは1000です。
方向：マーキーアニメーション方向。デフォルトが残っています。
重複：テキストをコピーするかどうか。デフォルトはfalseです。
期間：アニメーションの継続時間は、ミリ秒単位で、デフォルトは5000です。
速度：速度パラメータのオーバーライド期間。
ギャップ：ティッカーの間のギャップ。単位画素、デフォルトは20です。
pauseOnHover：マーキーポーズホバー。
pauseOnCycleは：サイクルの終わりに、一時停止マーキーは、ミリ秒をdelayBeforeStart。
startVisible：マーキーは、先頭に表示されます。