[mootools]ランダムスタイルシート

mootoolsでアクセスするたびにスタイルシートを変えるサンプル。
(ダウンロード時にRemoteのAssetsが必須)
※このサンプルは前バージョン(1.1.2)で書いたものなので1.2では動かないかも

読み込みが始まってからランダムを実行するので、スタイルが適用されるまで数秒のタイムラグが発生する。
レイアウトのスタイルをlinkしといて、このランダムで上書きするのが妥当かも。

window.addEvent('domready', function(){
var style = ['style-a.css','css/style-b.css','css/style-c.css'];
var src = style.getRandom();
new Asset.css(src, {id: 'base'});
});

アクセス初回だけという制限も出来ると思うが、そもそもCSSをランダムにする必要があるのかは疑問。
どうせやるならボタン切り替えの方がいいと思うが、どっちにしても押し付けがましい気がして個人的にはあまり好きではない。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください