鼠标跟随文字代码javascript

/ / 2016-04-07 阅读：2501

演示效果：实现代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http...

演示效果：

实现代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body onmousemove="showPop(event)" onmouseout="hidePop(event)">
<script type="text/javascript">
function showPop(myEvent) {
var d = document.getElementById('floatDiv');
d.style.display='block';
d.style.top = eval(myEvent.clientY+15 + document.documentElement.scrollTop + document.body.scrollTop)+'px';
d.style.left = eval(myEvent.clientX +25)+'px';
}
function hidePop() {
var d = document.getElementById('floatDiv');
d.style.display='none';
}
</script>
<div id="floatDiv" style="position:absolute; border:1px solid #666; padding:6px; background:#f1f1ba; display:none; z-index:10000;">鼠标跟随文字</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>

上一篇：支持移动触摸设备js幻灯片

下一篇：JS日历+省市选择控件

阅读延展

鼠标跟随文字代码javascript

我要评论

最新评论