软件教程
一个右下角窗口记录鼠标事件代码
<!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>
<style type="text/css">
#www_zzjs_net{
width:220px;
border:2px solid #993300;
position:absolute;
right:0;
bottom:0;
background:#ddd;
font-size:12px;
}
#title{
background:#993300;
color:#aaa;
padding:5px 2px;
font-size:14px;
border-top:1px solid #CC9900;
border-bottom:2px solid #660000;
}
#content{
height:150px;
overflow:auto;
}
#content div{
padding:5px;
border-bottom:1px solid #fff;
}
#content div.hot{
background:#0066FF;
color:#fff;
border:none;
}
#sum{
color:red;
padding:0 10px;
}
#title span{
font-family:webdings;
font-size:18px;
color:#FFFF33;
padding-right:10px;
}
</style>
</head>
<body>
<div id="www_zzjs_net">
<div id="title"><span>N</span>MouseClick 1.0 点击<strong id="sum">0</strong>次</div>
<div id="content"></div>
</div>
鼠标左键点击页面任意位置试试！
<script language="javascript">
document.onclick = function (e){
e=e||event;
sum.innerHTML=sum.innerHTML-0+1;
content.innerHTML=content.innerHTML.replace(/hot/g,'')+'<div class="hot">[ '+new Date().toLocaleString().replace(/.*?(\S+)$/,'$1')+' ] X:'+e.clientX+'px Y:'+e.clientY+'px</div>';
content.scrollTop=content.scrollHeight;
</script>
</body>
</html>
-
·上一条：不要为了SEO优化而只有SEO优化
·下一条：一个实用的漂浮QQ客服代码
