jQuery プラグイン
プラグインとは機能を拡張するためのプログラム。その中でもjQueryプラグインはjQueryを使用してアニメーションなどの機能を付けることができるようになるもの。
<textillate>
今日使用したのは「textillate.js」というもの。これを使用することでテキストにアニメーションをつけることができる。
ダウンロード後、必要なファイルを使用するフォルダ内に入れる。そしてHTMLの<link>タグにプラグインのCSSファイルを、<script>タグにjsファイルを書く。この時にも<script>でjQueryの読み込みは書いておかないといけない。
あとはJavaScriptに決まったコード↓を書く。
//js
$(function() {
$("h1").textillate(); //ここの("h1")はアニメーションをつけたいテキストのタグに
})
これだけで文字が左から現れる動作をつけることができる!!
https://textillate.js.orgを開き「Playground」の下の枠にサンプルのアニメーションがあるためそこでいろいろ確認できる。
動画編集でPremiereProやaviutlを使用していたのでそのアニメーションと同じ感じで考えればよい。
<Colorbox>
ポップアップを簡単に作成することができるプラグイン。もち無料。さらに商用利用可。
これにより、スライドショー・YouTubeの挿入などが可能になる
この記事が気に入ったらサポートをしてみませんか?