[mootools] IE6以下で閲覧したら画面左端にアナログと表示させる

タイトルの通り、IE6以下で閲覧しているユーザーをIE8にアップグレードさせる為のmootools用クラスです。
jQueryで書いたものより大分大人しい仕様になっております。

Usage

ヘッダに以下ソースを書く。

<script type="text/javascript" src="mootools-1.2.3.js"></script>
<script type="text/javascript" src="mooAnalogIE.js"></script>
<script type="text/javascript">
	//<![CDATA[
	window.addEvent('domready', function(){
		new mooAnalogIE();
	});
	//]]>
</script>

上記記述で#header直下にアナログ表示を挿入します。

Options

new mooAnalogIE({element, text, html});

• element: “#header” [string]
  挿入先要素のID。指定しない場合は#headerが対象になる
• text: まだアナログ環境をご利用ですか？今すぐデジタル環境へアップグレード [string]
  マウスオーバー時に表示するテキスト
• html: ““ [string]
  アンカーリンクのhtml

デフォルトだと挿入されるのは次のソースになります。

<a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/function/default.mspx" title="Internet Explorer8のダウンロードサイトへ" target="_blank" id="analogIE"><img src="images/analog.png" width="57" height="13" alt="アナログ" /></a>

CSSとかの設定は一切してないので適当にスタイリングしてください。

Download

zipには「アナログ」の画像が4種類含まれています。（黒背景png、白背景png、Png24、PSD）

“mooAlnalogIE” をダウンロード

mooanalogie.zip – 1195 回のダウンロード – 13.31 KB