memo.xight.org

日々のメモ

あれこれポップアップ

Summary

  ウェブページ (HTML) にて,マウスポインタの下にある任意の箇所 (要素) の情報 (属性値)
  あれこれをポップアップに出すJavaScript と CSS のセット.

設置方法

<head>
	<link href="ArekorePopup/ArekorePopup.css" rel="stylesheet" type="text/css">
	<script src="ArekorePopup/ArekorePopup.js" type="text/javascript"></script>
</head>


画像のaltをポップアップ

  ArekorePopup.js を編集
this.attrs = ['ap:banner', 'title', 'href', 'cite', 'datetime', 'alt'];
this.requiredAttr = { 'a' : 'title' , 'img' : 'alt' ,'abbr' : 'title' };


title属性の色の変更

  titleクラスのcolorを変更する.

Reference

  あれこれポップアップ
  http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html

via

  Driftkingdom - Drift Diary - 2003-10-21 - Development Diary : あれこれポップアップを組み込んでみました。
  http://drikin.com/