html书写文字跟随鼠标移动

最新推荐文章于 2024-04-26 06:37:48 发布

笙烛

最新推荐文章于 2024-04-26 06:37:48 发布

阅读量1.9k

点赞数

分类专栏： html 文章标签：文字跟随鼠标 html

本文链接：https://blog.csdn.net/qq_42477843/article/details/89282361

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

#描述
html书写文字跟随鼠标移动
##代码

<html>
<head>
<title>文字跟随鼠标移动实例</title>
<script language="JavaScript">

<!--
var x,y;
var i=0;
var ismove=0;
function canmove(){
x=document.body.scrollLeft+event.clientX
y=document.body.scrollTop+event.clientY
ismove=1
}
 function move(){
if(ismove){
movetext.style.posLeft=x+20
movetext.style.posTop=y
}

setTimeout('move()',1)}
-->

</script >
</head>
<body "move()"  onMouseMove="canmove()" >
<div id="movetext" style="position:absolute; left:200px;top:18px;z-index:"6">
哈哈，你是甩不掉我的
</div>
</body>
</html>

##问题
用谷歌打不开要用ie具体什么原因，我不晓得，欢迎留言

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

笙烛

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
html书写文字跟随鼠标移动

##描述html书写文字跟随鼠标移动##代码<html><head><title>文字跟随鼠标移动实例</title><script language="JavaScript"><!--var x,y;var i=0;var ismove=0;function canmove(){x=document.bo...
复制链接

扫一扫