<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>跟随鼠标移动的文字</title>
<style>
.move_out{position:relative;cursor:hand;font-family:"华文行楷"}
</style>
</head>
<script language="javascript">
var move_out=false;//定义变量
var z,x,y;//定义变量
function move(){
if(event.botton==move.out){//判断当前鼠标是否是左键按下状态
z.style.pixelLeft=temporarily1+event.clientX-x;//获取当前鼠标位置
z.style.pixelTop=temporarily2+event.clientY-y;//获取当前鼠标的位置
return false;
}
}
function down(){//创建自定义函数,实现文字的移动
if(event.srcElement.className=="move_out"){//应用srcElement属性获取当前事件的对象
move_out=true;
z=event.srcElement;
temporarily1=z.style.pixelLeft;
temporarily2=z.style.pixelTop;
x=event.clientX;//获取鼠标在窗口中的X位置
y=event.clientY;
document.οnmοusemοve=move;
}else{
move_out=false;
}
}
document.οnmοusedοwn=down;//当鼠标被按下时执行down函数
</script>
<body>
<font color="0000ff" size="10" class="move_out">吉林省明日科技</font>
</body>
</html>
跟随鼠标移动的文字
最新推荐文章于 2022-11-19 11:49:11 发布