原理就是通过比较鼠标的XY坐标来判断。我不知道有没有其他的方式了,就拿知道的来说。下面是实现代码。
创新互联云计算的互联网服务提供商,拥有超过13年的服务器租用、川西大数据中心、云服务器、虚拟主机、网站系统开发经验,已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、虚拟主机、域名与空间、VPS主机、云服务器、香港云服务器、免备案服务器等。
script
var lastX = null,
lastY = null;
window.onmousemove = function(event){
var curX = event.clientX,
curY = event.clientY,
direction = '';
// console.info(event);
// console.info(event.clientX);
// console.info(event.clientY);
// 初始化坐标
if(lastX == null || lastY == null){
lastX = curX;
lastY = curY;
return ;
}
if(curX lastX){
direction += 'X右,';
}else if(curX lastX){
direction += 'X左,';
}else{
direction += 'X居中,';
}
if(curY lastY){
direction += 'Y上';
}else if(curY lastY){
direction += 'Y下';
}else{
direction += 'Y居中';
}
lastX = curX;
lastY = curY;
console.info(direction);
document.body.innerText = direction;
}
/script
通过创建一个event.keyCode对象,有获取键盘上的方向键,运行代码后,点击键盘上的任意方向键。代码如下:
html
head
title取得键盘的方向键/title
script language="javascript"
!--
function showkey(){
key = event.keyCode;
if (key == 37) alert("按了←键!");
if (key == 38) alert("按了↑键!");
if (key == 39) alert("按了→键!");
if (key == 40) alert("按了↓键!");
}
document.onkeydown=showkey;
--
/script
/head
body
请按方向键←↑→↓
/body
/htmlbr /center如不能显示效果,按Ctrl+F5刷新。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
前景不言而喻,现在前端的灵魂就是js而且现在前端工作一点不比后台简单,而且node可以做后台,那么学好js可以做全栈工程师
对了,就是用你那种方法。类似页面左右有随页面滑动的小广告,都是用这种方法做的。
旋转:
div
{
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}