Ramdom Entry Pickup
- 「世界の中心で、愛をさけぶ」、TV版視聴、3回目終了（＾＾；） (2006年02月06日)
- 僕にはファッションセンスがないようだ。。。 (2005年10月23日)
- 「FreshReader」を試してみた。 (2006年03月06日)
- 「ホリエモン」「しずかちゃん」はセーフ (2005年08月26日)
- BlogPet・リング（ブログペット・リング）(BlogPet) (2006年04月28日)
« 今日のBookmark | メイン | 「Google Blog Search」がPingサービスを開始 »
「あれこれポップアップ」を導入
[PR] 「ページランク６サービス」SEOのための上質リンクを激安でご提供！
Category : [ MovableType, 自宅サーバ ]
October 7, 2006 13:05
TAG : [CSS,Javascript,MovableType]
Permalink
October 7, 2006 13:05
TAG : [CSS,Javascript,MovableType]
Permalink
すでにこのブログに導入していますが、
改めて「あれこれポップアップ」を紹介します。
簡単にいうと、リンク等にマウスカーソルを持っていくと、
クールなポップアップが出るというものです。
こんな感じです。
↓
導入方法は至って簡単です。
まずは↓から、必要なJavaScriptとCSSのセットをダウンロードします。
ダウンロードして、解凍すると、
ArekorePopupというフォルダに、
・ArekorePopup.css
・ArekorePopup.js
という二つのファイルができます。
そのファイルをMovableTypeのスタティックフォルダに、フォルダごとアップロードします。
そしてテンプレートの<head>～</head>の間に、
<link href="<$MTStaticWebPath$>ArekorePopup/ArekorePopup.css" rel="stylesheet" type="text/css">
<script src="<$MTStaticWebPath$>ArekorePopup/ArekorePopup.js" type="text/javascript"></script>
を挿入します。
リビルド終了後、上記の図のようにポップアップが出てくるかと思います。
デフォルトでは、アンカータグに「title」属性が付いているものがポップアップとして表示されます。
例：
<a href="http://********/index.html" title="クリックしてね！">リンク</a>
という感じにします。
どしどし「title属性」を付けていきましょう（笑）
ソーシャルブックマーク
||
|
|
|
|
|
|
|
|
|
|
|
|
このエントリーと関連性が高いと思われるエントリー
このエントリーに関連するかもしれない商品
おすすめ商品
Link Information
Link HTML:
トラックバックURL:
Trackbacks
» コメント、説明などのポップアップ表示 from
Memo for a Moment
overlibmws：ちょっとしたコメントや、説明、注釈などを表示したいときに使えそう。
非常に多くの機能があってまだ完全に読破できていない・・・とりあ... [Read More]
