|
HTMLタグ > リンクにマウスカーソルをのせるとステータスバーに流れるメッセージ
|
リンクにマウスカーソルをのせると、ステータスバーにメッセージが流れます。
<見本>
TOP
1) </title>〜</head>に以下のタグを入れます。
<script language=javascript>
<!--
HPB_SCRIPT_CODE_40
// _HpbScrollStatus: ステータス行にスクロール メッセージを表示します
//
var _hsstmrID = null;
var _hsstmrON = false;
var _hsspos = 80;
function _HpbScrollStatus(msg, delay)
{
if (_hsstmrON)
{
window.clearTimeout(_hsstmrID);
_hsstmrON = false;
}
var statmsg = "";
if (_hsspos >= 0)
{
for (s = 0; s < _hsspos; s++)
{
statmsg += " ";
}
statmsg += msg;
}
else
{
statmsg = msg.substring(-_hsspos, msg.length);
}
window.status = statmsg;
_hsspos = (-_hsspos > msg.length) ? 80 : _hsspos - 1;
fname = "_HpbScrollStatus('" + msg + "', " + delay + ")";
_hsstmrID = window.setTimeout(fname, delay);
_hsstmrON = true;
}
//-->
</script>
<script language=javascript>
<!--
HPB_SCRIPT_CODE_40
// _HpbStopScrollStatus: ステータス行のスクロール メッセージの表示を止めます
//
function _HpbStopScrollStatus()
{
if (_hsstmrON)
{
window.clearTimeout(_hsstmrID);
window.status = window.defaultStatus;
_hsstmrID = null;
_hsstmrON = false;
}
}
//-->
</script>
|
2) リンクの表示には以下のタグを使います。
メッセージの流れる速さを変えたい場合は、【メッセージ】の右の「100」の数字を変えて調整して下さい。
数字が小さいほど速く、大きいほど遅くなります。
<a href=【リンク先】 target=_blank
onmouseover="_HpbScrollStatus('【メッセージ】', 100);"
onmouseout="_HpbStopScrollStatus();">
【リンクを貼る文字や画像】</a>
|
「HTMLタグ」のトップに戻る
|
|
|
