JS 用JS实现跟随光标的提示

2019独角兽企业重金招聘Python工程师标准>>>

自己做了个JS文件，将JS导入到文件中，在要显示提示的标签上加入hint=“提示内容”，运行时就可显示提示

//页面元素提示框
var tishi = null;
document.onmousemove=function(){ //判断页面元素中是否已经创建过div，没有则创建，有则不创建if(!tishi){//创建div标签元素tishi = document.createElement("div");//给div标签元素添加样式tishi.style.position="absolute";tishi.style.fontSize="9pt";tishi.style.border="1px solid black";tishi.style.background="lightyellow";//将div元素添加到body中document.body.appendChild(tishi);tishi.style.display="none"}//判断元素中有没有“h2int”属性，有则显示提示divif(event.srcElement.hint) { tishi.style.display="block"; tishi.innerHTML=event.srcElement.hint; tishi.style.left=window.event.clientX+10; tishi.style.top=window.event.clientY+10+document.documentElement.scrollTop;setTimeout("tishi.style.display='none'",8000); }else{ tishi.style.display="none" }
}

转载于:https://my.oschina.net/u/3647620/blog/1552476

JS 用JS实现跟随光标的提示相关推荐

JS实现跟随鼠标的提示框
跟随鼠标的提示框鼠标移入到某个关键词就会出现提示框并且在关键词范围内跟随鼠标的移动是怎么实现的呢? 下面来看代码简单的html和css <body><a href="# ...
js实现HTML标题栏中新消息提示效果
js实现HTML标题栏中新消息提示效果标题栏新消息提示如图: 移民百科的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息.具体实现代码如下: 新消息提示 var newMessageRem ...
php 鼠标移动手型,JS实现的鼠标跟随代码(卡通手型点击效果)
这篇文章主要介绍了JS实现的鼠标跟随代码,带有卡通手型点击效果.涉及JavaScript鼠标事件的响应与页面元素的动态调用技巧,需要的朋友可以参考下,具体如下: 一个跟随鼠标的小手效果,鼠标移在哪里, ...
[ecshop 经验 ]transport.js run error 68ecshop 小京东火狐提示同源策略和跨域访问 68ecshop
transport.js run error 68ecshop 小京东 transport.js run error 68ecshop 小京东火狐提示同源策略和跨域访问 cros access ...
JS前端弹出警示框和提示框
新建一个html和js html--<script src='05_浏览器.js'></script> js--//练习:声明变量,保存用户输入的两个数字,需要弹出两次提示框, ...
html input光标位置,js控制input框内光标位置（setSelectionRange详解）
问题描述前段时间碰到一个需求:在表单中有一个字段叫金额,用户希望点击该输入框后(focus),能够自动为其金额数字后加上"万元"两个字. 虽然这个需求可以通过其他的设计方式规避( ...
VSCode中，新建js文件中编译器自带jQuery提示失效的解决方法
VSCode中,新建js文件中编译器自带jQuery提示失效的解决方法在VSCode中,新建js文件可能会发生VSCode自带的jQuery提示引起失效,如下图在HTML文件中进行编辑,<s ...
怎么给html增加鼠标跟随,js实现简单鼠标跟随效果的方法
本文实例讲述了js实现简单鼠标跟随效果的方法.分享给大家供大家参考.具体分析如下: 鼠标跟随,顾名思义,就是在鼠标移动的时候,有个动画跟随着鼠标一起移动. 要点一: var oEvent = evt ...
JS 实现元素颜色跟随滚动条变化
JS 实现元素颜色跟随滚动条变化灰色深浅变化滚动部分颜色部分完整JS代码彩色变化颜色部分修改修改后的彩色变化JS完整代码最近在学习JS开发,突然想实现这样一个效果,滚动条往下拉时元素颜 ...

JS 用JS实现跟随光标的提示

JS 用JS实现跟随光标的提示相关推荐

最新文章

热门文章