Javascript Patchworker - スポットライト

このスクリプトについて
　lightフィルタを利用したスクリプトです。マウスにスポットライトがついてきます。 クリッカブルマップ などに利用することで、フラッシュを用いなくてもかなり高レベルの演出ができます。

設置の際の注意点ですが、
対象とする画像は絶対座標系で設置してください。また、画像の位置に関しては、top, leftの属性を使用してください。
（絶対座標系の詳しい説明は、CSSのポジション関連の項を参照してください。）

lightフィルタはalpha等と違い、スクリプトと組み合わせて利用することがほとんどのため、サイトの特性上ここでの詳しい説明は避けたいと思います。

実行例
こちらを参照してください。

関連

対応ブラウザ
WIN IE 5.5～ NN -～　MAC IE -～ NN -～

サンプルソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
</head>

<body>

</body>

</html>

ユーザ設定
　ユーザーが設定する変数はtarId, top, left, sphereです。
　tarIdにはスポットライトの対象となる画像のIDを指定してください。
　top, leftには画像にスタイルシートで設定したtop属性、left属性の値をそれぞれ指定してください。
　sphereにはスポットライトの効果の及ぶ範囲を指定します。小さい値にするとちょうど一点だけをポイントするような効果が得られます。

JavaScriptのTOPに戻る　　

TOPに戻る