PHP & JavaScript Room :: 設置サンプル

<script type="text/javascript">
    var id_name="cur";
    var image="/content/img/cur/custom.cur";

    var mouse_x=0;        /* マウスのx座標 */
    var mouse_y=0;        /* マウスのy座標 */

    /* マウスのX,Y座標取得 */
    function getMouseXY(e){
        if(document.all){ /* IE */
            mouse_x=document.body.scrollLeft+event.clientX;
            mouse_y=document.body.scrollTop+event.clientY;
        }else if(document.getElementById){ /* NN,Firefox */
            mouse_x=e.pageX;
            mouse_y=e.pageY;
        }
        /* マウス移動 */
        curMove();
    }
    /* 画像をマウスと一緒に移動 */
    function curMove(){
        if(document.all){ /* IE */
            document.all(id_name).style.posLeft=mouse_x;
            document.all(id_name).style.posTop=mouse_y;
        }else if(document.getElementById){ /* Firefox, Netscape */
            document.getElementById(id_name).style.left=mouse_x+"px";
            document.getElementById(id_name).style.top=mouse_y+"px";
        }
    }
    /* イベントが発生したらマウス移動 */
    if(document.all || document.getElementById){
        document.onmousemove=getMouseXY;
    }
</script>

<style type="text/css">
    #cur { position:absolute; left:-100px; top:-100px; z-index:9999; }
</style>

<div id="cur"><img src="/content/img/cur/custom.cur" alt="" /></div>