博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 用JS实现跟随光标的提示
阅读量:4125 次
发布时间:2019-05-25

本文共 770 字,大约阅读时间需要 2 分钟。

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

//页面元素提示框 var tishi = null; document.οnmοusemοve=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”属性,有则显示提示div if(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" } }

转载地址:http://hvlpi.baihongyu.com/

你可能感兴趣的文章
hadoop-mapreduce基于物品的协同推荐算法ItemCF
查看>>
Hadoop-HBase集群搭建
查看>>
hadoop-hbase几个错误记录
查看>>
hadoop集群简化安装-CDH的安装和使用
查看>>
Zookeeper-Zookeeper leader选举
查看>>
Redis实战:第一章-初识Redis案例-文章投票
查看>>
Redis实战:第二章-使用redis构建web应用
查看>>
Redis实战:第三章-redis命令练习
查看>>
Redis实战:第四章-数据安全与性能保障
查看>>
Redis实战:第五章-使用Redis构建支持程序
查看>>
学期总结-2018年上
查看>>
mysql数据库进阶-leetcode-10道
查看>>
mysql数据库进阶-leetcode-10道2
查看>>
mysql必知必会-基础再复习笔记1
查看>>
机器学习-激活函数总结
查看>>
电影感悟-豆瓣TOP3
查看>>
Linux与脚本编程-1
查看>>
linux下非root用户安装软件-pyaudio、sounddevice
查看>>
深度学习优化器Optimizer总结-tensorflow-1原理篇
查看>>
语音合成综述
查看>>