jQueryのプラグインに頼らずにフワフワと文字や画像などのオブジェクトを動かそう!の別バーションを作ってみた。
- 2014/10/07
少し前にjQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介しましたが、今回はランダム要素を排除した別バーションです。
吹き出しなどに使えるかも!
少し前にjQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介しましたが、今回はランダム要素を排除した別バーションです。
吹き出しなどに使えるかも!
今日のテクニカルWebデザイン(TechWeb)の授業でやった内容の復習です。
jQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介します。
jQueryを使わなくても、JavaScriptのDOMだけで文字や画像を変更したりできます。
さぁ、キミはDOMのジェットストリームアタックをかわすことができるか!?(すみません忘れてくださいw)
「プラグインに頼らず自力でjQueryのスライドショーを作る方法(はじめてのスライドショー作成編)」が一番人気なので、中級編の記事を作ってみました。まずは復習からどうぞ。
先日、JavaScriptで要素(img)を追加して、画像をクリックしたら指定したURLに移動するという処理を検索しつつ作ったのでメモ書きです。
さてさて、今週作成した学生のポートフォリオサイトを紹介するページで、要素の追加と削除が上手くいかずに悩まされたので書いておきます。( ..)φメモメモ
原因はタイトルにも書いてるとおり、TextNode(テキストノード)でした。
またまたsetInterval()ネタです。
今回は、画像の座標を変更することで移動させます。更にボタンでON/OFFします。
一定間隔で処理を繰り返すときに便利なのがsetInterval()です。繰返しは任意のタイミングで止めることもできます。
まずは、簡単なタイマー処理をマスターしましょう!
2013年2月からリニューアルを開始しましたが、半年経過してようやくエラーページを作りました。
エラーページすらネタにする(笑)
今回は、変数について書きました。 変数が理解できないと、プログラムは作れません!