onmouseover无法在wordpress中工作

我正在编写一个脚本，使我的网站中每个用户的光标后面都有这样的图像：http://nextnews.us/content/index2.php但当试图在wordpress模板上插入相同的脚本时，模板不起作用，图像保持静止！

                <style>
                    #sendframe {
                        opacity:1.0;        
                        position:absolute;        
                        overflow:hidden;        
                        top:50;        
                        left:50;        
                    }        
                </style>        
        <script type="text/javascript">        
                    document.onmousemove = mouseMove;         
                    function mouseMove(ev){         
                        ev = ev || window.event;        
                        var mousePos = mouseCoords(ev);       
                        document.getElementById('sendframe').style.left=mousePos.x-30;         
                        document.getElementById('sendframe').style.top=mousePos.y-23;         
                    }        
                    function mouseCoords(ev){         
                        if(ev.pageX || ev.pageY){
                            return {x:ev.pageX, y:ev.pageY};
                        }
                        return {
                            x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
                            y:ev.clientY + document.body.scrollTop  - document.body.clientTop
                        };
                    }
                </script>
 <div id="sendframe" style="display: ; position: absolute; opacity:1.0;filter:alpha(opacity=1);">
    //here i will ad the image source
 </div>