jQuery

【jQuery】CSS3を使用したマーキーエフェクトCSS3 Marquee

March 18, 2017
CSS3 Marquee

CSS3 MarqueeはCSS3を使用したマーキーエフェクトjQueryプラグイン。

CDN

<script type="application/javascript" src="//cdn.rawgit.com/nviswanathan/Css3Marquee/master/marquee.js"></script>

コンテンツを作成

<div>
<p class="righttoleft" data-direction='left'>Css 3 Based Marquee</p>
</div>

エフェクトを適用

$('.righttoleft').Css3Marquee();

Options

データ属性を使用

<p class="righttoleft" data-direction='left' data-speed=10>Css 3 Based Marquee</p>

Params

$('.righttoleft').Css3Marquee({
	direction:'left',
	speed: 10
});

Default

{
  direction:'left', //['left', 'right', 'bottom', 'top']
  speed:10
}