jQueryのプラグインに頼らずに文字や画像をゆらゆら動かそう!
- 2014/10/08
今週2本目の記事ですが、これが先週授業でやったTechWebTipsです。
文字や画像などをCSS3のtransform:rotate()をJavaScriptで操作することで「ゆらゆら」させます。「ゆらゆら」「ふわふわ」どう違うんだ?って話ですが(笑)
今週2本目の記事ですが、これが先週授業でやったTechWebTipsです。
文字や画像などをCSS3のtransform:rotate()をJavaScriptで操作することで「ゆらゆら」させます。「ゆらゆら」「ふわふわ」どう違うんだ?って話ですが(笑)
少し前にjQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介しましたが、今回はランダム要素を排除した別バーションです。
吹き出しなどに使えるかも!
今日のテクニカルWebデザイン(TechWeb)の授業でやった内容の復習です。
jQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介します。
「プラグインに頼らず自力でjQueryのスライドショーを作る方法(はじめてのスライドショー作成編)」が一番人気なので、中級編の記事を作ってみました。まずは復習からどうぞ。
jQueryでスライドショーを作るといってもやり方は様々です。
そこで今回は学生にもプラグインに頼らず作って欲しいので、分かりやすさを重視して記述してみました。