跟随鼠标走的文字的HTML代码

跟着鼠标走的文字

visibility:visible; top:-50px; font-size:12pt; font-family:隶书;

color: 000012; font-weight:bold; }

var step=20var flag=0var message="跟着鼠标走的文字 "message=message.split("")

var xpos=new Array()for (i=0;i<=message.length-1;i++) { xpos[i]=-50}

var ypos=new Array()for (i=0;i<=message.length-1;i++) { ypos[i]=-50}

function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1}function makesnake() { if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] }

xpos[0]=x+step ypos[0]=y

for (i=0; i

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos[i]

thisspan.posTop=ypos[i] } }

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] }

xpos[0]=x+step ypos[0]=y

for (i=0; i

var thisspan = eval("document.span"+i) thisspan.left=xpos[i]

thisspan.top=ypos[i]} }var timer=setTimeout("makesnake()",30)}

document.write("")

document.write(message[i]) document.write("")}

if (document.layers){ document.captureEvents(Event.MOUSEMOVE);}

document.onmousemove = handlerMM;

刚好我有,把这个保存为html文件就好!

跟随鼠标走的文字的html代码,跟随鼠标走的文字的HTML代码相关推荐

  1. python物体跟着鼠标走_用Python写一个跟随鼠标运动的自定义窗口

    背景:因为项目需要,要开发一个在PC上运行的应用程序,生成一个跟随鼠标运动的窗口,并且监听鼠标的点击事件,并在窗口上做相应的显示. 平台:Win7 64位 + Python27 64位 支持库:PyH ...

  2. Html字母变大的代码,css鼠标选中字体变大 div css鼠标悬停超链接的文字变大

    css鼠标选中字体变大 css鼠标悬停超链接的文字变大 CSS布局鼠标悬停在超链接上字体变大,css实现鼠标经过锚文本文字时改变字体大小篇. 实现这一效果需要的是:hover伪类设置需要字体. 鼠标选 ...

  3. C# WPF 中用代码模拟鼠标和键盘的操作

    C# WPF 中用代码模拟鼠标和键盘的操作 原文:C# WPF 中用代码模拟鼠标和键盘的操作 原文地址 C#开发者都知道,在Winform开发中,SendKeys类提供的方法是很实用的.但是可惜的是, ...

  4. css鼠标经过图片镜像翻转,css代码实现鼠标指向图片翻转效果

    烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为"翻转"效果(roll-over).原来这种效果大多使用Javascript实现,实际 ...

  5. CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动

    cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default; ​​​​​​​ /*获取鼠标位置,让提示气泡框跟随 ...

  6. html点击文字展开图片,DIV CSS鼠标经过悬停在图片上时图片上方显示文字

    DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现.CSS实现鼠标悬停放图片上方时显示美化内容. 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景 ...

  7. 几行代码就搞定一个文字识别功能,同时还能转换成语音,畅快!

    前几天想把一篇不错的文章保存下来,无奈是图片的,于是想利用python把图片中的文字识别出来 实现的方式还是挺多的,这里介绍下百度的AI开放平台,毕竟大公司,感觉识别的精度会高点,同时相信他们的算法也 ...

  8. python手机屏幕自动点击代码_鼠标隔段时间自动点击屏幕

    知识点:Python库及简单定时器的使用 1. 鼠标自动点击屏幕代码 (1). 首先 pip install pymouse (2).  运行代码出现:ModuleNotFoundError: No ...

  9. 怎么在html中加入特效文字,如何使用HTML5+css3实现粒子效果文字动画特效(附完整代码)...

    我们在浏览web网页的时候会发现现在的网页做的越来越美观,很多动画特效做的越来越炫酷,这离不开HTML5和css3的深入开发.今天我们要来分享一款基于HTML5和css3的文字特效--粒子效果文字动画 ...

最新文章

  1. 交换友链的几个技巧!
  2. This version of MySQL doesn't yet support 'LIMIT IN/ALL/ANY/SOME subquery'
  3. 文件分割 合并 小软件 呵呵
  4. android中的broadcastReceiver
  5. 【Linux学习】Linux的文件权限(一)
  6. baidumap vue 判断范围_vue 数据渲染
  7. Python读写文件(附完整模块化代码)
  8. [视频]Silverlight for Windows Phone 7基本开发过程以及Push Button控件的使用
  9. 职业生涯最差绩效:M-
  10. [算法]bitmap算法
  11. 安卓饼状图设置软件_Android自定义控件实现饼状图
  12. android使用遥控器模拟鼠标拖拽操作
  13. linux系统软件包下载
  14. asp.net pdf如何转换成tif_如何将pdf转换成word?它可以解决大多数文档转换问题
  15. 0.1 番外篇: UML 类图
  16. 论文复现——PFLD——人脸关键点检测
  17. Android部分手机报 解析包时出现问题 原因与解决方法
  18. RDD之Cartesian
  19. Java读取批量Excel文件
  20. Linux命令-samba服务器和防火墙

热门文章

  1. SAP S/4 Hana On-premise Edition 1511做了哪些简化
  2. Excel表中分类汇总数据如何只复制结果
  3. 销售订单定价-客户取值
  4. SAP库存管理预留功能评测
  5. 为什么你的记忆总会越来越模糊?
  6. FM之DATE_CHECK_PLAUSIBILITY
  7. 薅羊毛的齐家网遭增长瓶颈,互联网家装迎来破局者!1-06-13
  8. java 持续集成工具_Jenkins集成式项目控件下载
  9. android加载转圈动画,android 围绕中心旋转动画
  10. BUUCTF(pwn)picoctf_2018_are you root