ハイライト処理

書式

$highlight(ID, time, normalcolor, highlightcolors)

ID : divタグのID
time : ハイライト完了までのミリ秒【省略可能】
normalcolor : 通常の状態のカラーコード【省略可能】
highlightcolors : ハイライト時のカラーコード【省略可能】

説明

ハイライト処理を行うには$highlight()を使います。パラメータには最低限、処理するdivタグのIDが必要です。他のパラメータは全て省略可能です。カラーコードは#rrggbb形式での指定以外は正しく処理されません。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="simple.js"></script>
<script type="text/javascript"><!--
function HLbox1(){
$highlight("box1");
}
function HLbox2(){
$highlight("box2", 1000, "#afafcf", "#0000ff");
}
// --></script>
</head>
<body>
<h1>ハイライト</h1>
<form>
<input type="button" value="box1をハイライト" onClick="HLbox1()">
<input type="button" value="box2をハイライト" onClick="HLbox2()">
</form>
<div id="box1">ここがハイライト表示されます。(box1)</div>
<div id="box2">ここがハイライト表示されます。(box2)</div>
</body>
</html>