カテゴリー: JavaScript

jsでパラパラアニメ。
よく見かけるものはbackgroundpositionを制御するものが多くて、cssでの背景画像の指定が面倒なことがあったのでimgタグでも使えるようにしてみました。
背景画像にする場合は、divタグを入れ子にすれば使えます。

デモ:

デモ

ソース:

anime.js
anime.min.js(圧縮版)
anime.coffee

ドキュメント:

ドキュメント

続きを読む jsでパラパラアニメ

メモ。あってるかどうかは未検証。

2013/7/12追記
javascript:void(0)がSSL環境のIEでセキュリティエラーになるため修正

/**
 * on load
 *
 */
function onLoad() {
	alert("onload");
}
 
if(/*@cc_on!@*/false) {
	//IE
	var s = document.createElement("script") || {};
 
	s.src = "://0";
	s.type = "text/javascript";
	s.setAttribute("defer", "defer");
	s.onreadystatechange = function () {
		if(this.readyState == "loaded") {
			onLoad();
		}
	};
 
	document.body.appendChild(s);
}
else {
	window.addEventListener("load", onLoad);
}

tweenerのイージング（Equations）をjsに移植してみた。
コピーライトとかはtweenerのものをコピペしています。

続きを読む tweenerのイージングをjsに移植

タイマークラス。
とりあえずstart、stopのみ。
setTimeoutとの違いは、稼働中のイベントも設定できるとこ。（ただし1つだけ）

続きを読む タイマー

windowが閉じたタイミングを通知する処理。
setIntervalで監視してるだけです。
微妙な感じなので後で改修する予定。

デモ:

デモ（別ウィンドウで開きます）

続きを読む window.closeの監視

とりあえずメモ。
時間ができたらデモを作る。

続きを読む [js] 配列の要素埋めとシャッフル

——————————–
2013/4/24 追記
改良版を作成しました。

——————————–
アドレスバーの非表示を、要素の高さが足りないときでもできるように試してみました。
xperia arcとiPhoneで確認。

続きを読む [js] スマートフォンのアドレスバーを、コンテンツの高さが足りないときでも非表示にする

jQueryに依存しないもの。
判別できる種類とかは増やしていきたいところ。

サンプル:

ソースはこちら↓
続きを読む [js] ブラウザ判別