请将下列由javascript写的代码转为JQuery写的，谢谢 5
window.onload=function(){varoDivs=document.getElementsByTagName('div');document.onmou...
window.onload = function () {
var oDivs = document.getElementsByTagName('div');
document.onmousemove = function (ev) {
var oEvent = ev || event;
for (var i = oDivs.length - 1; i > 0; i--) {
oDivs[i].style.left = oDivs[i - 1].offsetLeft + 'px';
oDivs[i].style.top = oDivs[i - 1].offsetTop + 'px';
}
var op = getPos(oEvent);
oDivs[0].style.left = op.x + 'px';
oDivs[0].style.top = op.y + 'px';
};
function getPos(ev) {
var op = new Object();
var scrollleft = document.scrollLeft || document.body.scrollLeft;
var scrolltop = document.scrollTop || document.body.scrollTop;
op.x = ev.clientX + scrollleft;
op.y = ev.clientY + scrolltop;
return op;
}
};
实现的效果是 一串绿色的小div跟着鼠标移动的效果。如果大家有兴趣，可以告诉我 用 JS 面向对象的方式怎么写，不吝感谢，会加分哦！ 展开
var oDivs = document.getElementsByTagName('div');
document.onmousemove = function (ev) {
var oEvent = ev || event;
for (var i = oDivs.length - 1; i > 0; i--) {
oDivs[i].style.left = oDivs[i - 1].offsetLeft + 'px';
oDivs[i].style.top = oDivs[i - 1].offsetTop + 'px';
}
var op = getPos(oEvent);
oDivs[0].style.left = op.x + 'px';
oDivs[0].style.top = op.y + 'px';
};
function getPos(ev) {
var op = new Object();
var scrollleft = document.scrollLeft || document.body.scrollLeft;
var scrolltop = document.scrollTop || document.body.scrollTop;
op.x = ev.clientX + scrollleft;
op.y = ev.clientY + scrolltop;
return op;
}
};
实现的效果是 一串绿色的小div跟着鼠标移动的效果。如果大家有兴趣，可以告诉我 用 JS 面向对象的方式怎么写，不吝感谢，会加分哦！ 展开
3个回答
展开全部
<html>
<header>
<meta charset="utf-8"></meta>
<title></title>
</header>
<body>
<div id="tips" style="position:absolute;height:22px;line-height:22px;left:0px;top:0px;">根据鼠标滚动</div>
</body>
</html>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).bind('mousemove', function(e){
var tip = $('#tips');
tip.css({'left': e.clientX, 'top': e.clientY});
});
});
</script>
追问
不好意思，是一串div（10-20个不等），不是一个div 谢谢
追答
$(document).ready(function(){
$(document).bind('mousemove', function(e){
var tip = $('div');
tip.css({'left': e.clientX, 'top': e.clientY});
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){//window.onload = function () {
var oDivs = $("div");//document.getElementsByTagName('div');
$(document).mousemove(function(ev){//document.onmousemove = function (ev) {
var oEvent = ev || event;
for (var i = oDivs.length - 1; i > 0; i--) {
oDivs.eq(i).style.left = oDivs.eq(i - 1).offsetLeft + 'px';
oDivs.eq(i).style.top = oDivs.eq(i - 1).offsetTop + 'px';
}
var op = getPos(oEvent);
oDivs.eq(0).style.left = op.x + 'px';
oDivs.eq(0).style.top = op.y + 'px';
};
})
function getPos(ev) {
var op = new Object();
var scrollleft = document.scrollLeft || document.body.scrollLeft;
var scrolltop = document.scrollTop || document.body.scrollTop;
op.x = ev.clientX + scrollleft;
op.y = ev.clientY + scrolltop;
return op;
}
};
})
追问
少侠，下面的函数跟取 left top 改得不够彻底啊。。。
追答
下面的可以这么用,改也没什么好改的.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){//window.onload = function () {
var oDivs = $("div");//document.getElementsByTagName('div');
$(document).mousemove(function(ev){//document.onmousemove = function (ev) {
var oEvent = ev || event;
for (var i = oDivs.length - 1; i > 0; i--) {
oDivs.eq(i).style.left = oDivs.eq(i - 1).offsetLeft + 'px';
oDivs.eq(i).style.top = oDivs.eq(i - 1).offsetTop + 'px';
}
var op = getPos(oEvent);
oDivs.eq(0).style.left = op.x + 'px';
oDivs.eq(0).style.top = op.y + 'px';
};
})
function getPos(ev) {
var op = new Object();
var scrollleft = document.scrollLeft || document.body.scrollLeft;
var scrolltop = document.scrollTop || document.body.scrollTop;ssssssssssssssssssssssssssssssssssssssssssssssssssss
op.x = ev.clientX + scrollleft;
op.y = ev.clientY + scrolltop;
return op;
}
};
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
