LavaLamp

メニュー選択項目の強調表示。

Example

mouse over でカーソルが移動

※ 下記のバージョンアップに際して、若干の修正が必要。 

<script type="text/javascript" src="../common/jquery-1.2.2.min.js"> script>
<script type="text/javascript" src="../common/jquery.easing.1.3.js"> script>
<script type="text/javascript" src="jquery.lavalamp.js"> </script>

<script type="text/javascript">
$(function() {
    $("#m1, #m2, #m3").lavaLamp({
        fx : "easeOutElastic"
        , speed : 1600
        , click : function (event, menuItem) {
            return false; 
        }
    });
});
</script>

<ul class="lavaLampWithImage" id="m1">
 <li> <a href="#">home</a> </li>
 <li> <a href="#">search</a> </li>
 <li> <a href="#">tags</a> </li>
 <li> <a href="#">index</a> </li>
 <li> <a href="#">prev</a> </li>
 <li> <a href="#">next</a> </li>
</ul>