083|跟随鼠标移动提示框

本文主要是介绍083|跟随鼠标移动提示框，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>083跟随鼠标移动提示框</title><style>a{display: block;font-size: 40px;margin:100px;width: 130px;}#msg{width: 600px;height: 150px;background-color: gray;color: white;display: none;position: absolute;}</style><script>/*事件类型：mouseover  让提示框显示mouseout   让提示框隐藏mousemove  让提示框跟随鼠标去移动clientX clientY 原点位置：可视窗口的左上角为原点*/var arr=["唐太宗李世民(公元598年1月28日 【一说599年1月23日 】-公元649年7月10日)，祖籍陇西成纪，是唐高祖李渊和窦皇后的次子，唐朝第二位皇帝，杰出的政治家、战略家、军事家、诗人。唐朝建立后，李世民官居尚书令、右武候大将军，受封为秦国公，","唐高宗李治(628年7月21日 -683年12月27日 )，字为善，祖籍陇西成纪，唐朝第三位皇帝(649年7月15日-683年12月27日在位)，唐太宗李世民第九子，嫡三子，其母为文德顺圣皇后长孙氏，与唐太宗嫡长子太子李承乾、嫡次子魏王李泰为同母兄弟。","武则天（公元624年－公元705年），名武曌，祖籍并州文水县（现成山西文水县东），生于长安（今陕西省西安市），中国历史上唯一得到普遍承认和众人皆知的女皇帝。唐朝功臣武士彟次女，母亲杨氏。十四岁入后宫为唐太宗的才人，唐太宗赐号“武媚”，唐... ","唐玄宗李隆基(685年9月8日-762年5月3日)，唐高宗与武则天之孙，唐睿宗李旦第三子，故又称李三郎，母窦德妃。 先天元年(712年)至天宝十五载(756年)在位，因安史之乱退位为太上皇，是唐朝在位最长的皇帝，亦是唐朝极盛时期的皇帝。唐垂拱元年(685年)..."];//【注】arr数组中是按照a标签的下标去存储相应的描述信息的window.onload=function(){var aAs=document.getElementsByTagName("a");var oMsg=document.getElementById("msg");for(var i=0;i<aAs.length;i++){//记录当前a标签的下标aAs[i].index=i;aAs[i].onmouseover=function(){oMsg.innerHTML=arr[this.index];oMsg.style.display='block';}aAs[i].onmouseout=function(){oMsg.style.display="none";}//添加鼠标移动事件aAs[i].onmousemove=function(ev){var e=ev||window.event;oMsg.style.left=e.clientX+5+'px';oMsg.style.top=e.clientY+5+'px';}}}</script></head><body><a href="#">唐太宗</a><a href="#">唐高宗</a><a href="#">武则天</a><a href="#">唐玄宗</a><div id="msg"></div></body>
</html>