您的位置：首页 > Web前端 > JavaScript

[JavaScript]简单跟随鼠标移动的文字

2009-09-09 11:25 531 查看

Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>Simple Example</title>
<script type="text/javascript">
function New(aClass,aParams)
{
function new_()
{
aClass.Create.apply(this,aParams);
}
new_.prototype=aClass;
return new new_();
}
function BindAsListener(obj,handler)
{
return function(e)
{
return handler.call(obj);
}
}
function addEventHandler(obj,oEventType,handler)
{
if(obj.addEventListener)
{
obj.addEventListener(oEventType,handler,false);
}
else if(obj.attachEvent)
{
obj.attachEvent("on"+oEventType,handler);
}
else
{
obj["on"+oEventType]=handler;
}
}
var Float=
{
Create:function()
{
this._obj=document.createElement("div");

this._obj.innerHTML="hello world";

this._obj.style.cssText="position:absolute;border:1px solid #ccc;";

document.body.insertBefore(this._obj, document.body.childNodes[0]);

addEventHandler(document.body,"mousemove",BindAsListener(this,this.MouseMove));
},
MouseMove:function(ev)
{
ev=ev||window.event;
this._obj.style.left=ev.pageX?ev.pageX:ev.clientX;
this._obj.style.top=ev.pageY?ev.pageY:ev.clientY;
}
}

</script>
</head>
<body>
<div id="c"></div>
</body>
<script type="text/javascript">var ob=New(Float,[]);</script>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航