[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 – 1055 回のダウンロード – 13.31 KB

コメントを残す

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