js,鼠标上下滑轮或者拉动滚动条触发事件
可通过onscroll事件触发,通过scrollTop获取滚动高度。
js鼠标跟随流沙_js鼠标移入
如:
document.getElementsByTagName("body")[0].onscroll=function(){
if(document.getElementsByTagName("body")[0].scrollTop>600){
alert("网页太长");
}}
用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎么做
#box{
width: 100px;
height: 100px;
background-color: skyblue;
position: absolute;
}
window.onload = function(){
var box = document.getElementById("box");
var move = function(event){
var x = event.pageX;
var y = event.pageY;
box.style.left = x - 0.5box.offsetWidth + "px" = y - 0.5box.offsetHeight + "px";
}box.onclick = function(){
document.onmousemove = null;
}box.ondblclick = function(){
document.onmousemove = move;
}document.onmousemove = move;
}
百度地图的拾取坐标系统中坐标在地图上跟随鼠标显示,用js怎么实现的?
map.addEventListener("click", function(e){ //点击事件 //alert(e.point.lng + ", " + e.point.lat); document.getElementById("mapx").innerHTML="鼠标当前x位置:"+e.point.lng; document.getElementById("mapy").innerHTML="鼠标当前y位置:"+e.point.lat; document.getElementById("level").innerHTML="缩放等级:"+this.getZoom(); });
用JS制作跟随鼠标移动的方块
{
margin:0;
padding:0;
}
var Yugi = function(w, h, v)
{this.w = w;
this.h = h;
this.v = v;
};
Yugi.prototype = new Yugi;
Yugi.prototype.constructor = Yugi;
Yugi.pointToPoint = function(a, b) {
return Math.sqrt(Math.pow(a[0] - b[0], 2) + Math.pow(a[1] - b[1], 2));
}Yugi.pointToAngle = function(origin, point) {
var PI = Math.PI;
if (point[0] == origin[0]) {
if (point[1] > origin[1])
return PI 0.5;
return PI 1.5
} else if (point[1] == origin[1]) {
if (point[0] > origin[0])
return 0;
return PI;
}var t = Math.atan((origin[1] - point[1]) / (origin[0] - point[0]) 1);
if (point[0] > origin[0] && point[1] < origin[1])
return t + 2 PI;
if (point[0] > origin[0] && point[1] > origin[1])
return t;
return t + PI;
}Yugi.prototype.create = function(e, _sX, _sY)
{var div = document.createElement("div");
div.style.position = "absolute";
div.style.cursor = "pointer";
div.style.width = this.w + "px";
div.style.height = this.h + "px";
var L = e.clientX + _sX - this.w / 2, T = e.clientY + _sY - this.h / 2;
div.style.left = L + "px" = T + "px";
div.style.backgroundColor = "red";
document.body.appendChild(div);
this.elem = div;
this.currPoint = [L, T];
};
Yugi.prototype.move = function(e, _sX, _sY)
{var me = this, x = e.clientX + _sX - me.w / 2, y = e.clientY + _sY - me.h / 2;
var newPoint = [x, y];
var sleep = 20, speed = me.v / sleep;
me.interval && clearInterval(me.interval);
me.interval = setInterval(function() {
var len = Yugi.pointToPoint(me.currPoint, newPoint);
if (len < 1) {
clearInterval(me.interval);
me.interval = 0;
} else {
var angle = Yugi.pointToAngle(me.currPoint, newPoint);
me.currPoint = [me.currPoint[0] + Math.cos(angle) Math.min(len / 2, speed), me.currPoint[1] + Math.sin(angle) Math.min(len / 2, speed)];
me.elem.style.left = me.currPoint[0] + = me.currPoint[1] + 'px';
}}, sleep);
};
var yugi = new Yugi(30, 30, 500);
document.onclick = function(e)
{e = e || window.event;
var _sX = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;
var _sY = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
var me = yugi;
if (!me.elem) {
me.create(e, _sX, _sY);
}else {
if (!me.interval) {
var cloned = document.createElement("div");
cloned.innerHTML = me.elem.outerHTML;
document.body.appendChild(cloned.children[0]);
}me.move(e, _sX, _sY);
}};
document.oncontextmenu = new Function("return false");
three.js如何让场景中模型跟随鼠标旋转呀
引入这个js 找你自己的路径哈,在threejs的库文件里面有的。然后在代码中加入
var controls = new THREE.OrbitControls(camera);//创建控件对象 camera是你的相机对象
controls.addEventListener('change', render);//监听鼠标、键盘事件
就可以随意旋转了。
如何用js实现跟随鼠标显示当前鼠标坐标
$(document).mousemove(function(e) {
$("#xy").text(e.pageX + ", " + e.pageY);
});
js控制鼠标显示 坐标随着鼠标移动 并且坐标在鼠标的右侧显示 谢谢
测试可用。希望对你有所帮助。
function show_coords(event){
var x = event.clientX;
var y = event.clientY;
var say = document.all("coords");
say.innerHTML = "X:"+x+" Y:"+y;
say.style.position = "absolute";
say.style.left = x + = y;
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至836084111@qq.com 举报,一经查实,本站将立刻删除。