Question

看不懂的一些javascript代码

function click_it()
{

////get_xy();
$("move_div").style.position="absolute";
$("move_div").style.left=window.event.clientX;
$("move_div").style.top=window.event.clientY;
setInterval(click_it,20);
}

这个 $是什么意思啊？ 还有这段代码是要干什么？

function calcResize(w) {
var offsetX = event.x - parseInt(w.currentStyle.left);
var offsetY = event.y - parseInt(w.currentStyle.top);
var width = parseInt(w.currentStyle.width);
var resizeX = offsetX > width - 10;
var height = parseInt(w.currentStyle.height);
var resizeY = offsetY > height - 10;
w.style.cursor = (resizeX || resizeY) ? (resizeY ? "S" : "") + (resizeX ? "E" : "") + "-resize" : "default";
}

还有这段代码可以给我详细讲解下吗？谢谢

Answer 1

function click_it()
{

////get_xy();
$("move_div").style.position="absolute";//设置ID号为'move_div'的样式位置为绝对位置
$("move_div").style.left=window.event.clientX;//设置ID号为'move_div'的样式左边距为鼠标的左边距
$("move_div").style.top=window.event.clientY;//设置ID号为'move_div'的样式上边距为鼠标的上边距
setInterval(click_it,20);//设置20毫秒之后 再继续调用click_it函数 也就是当前函数
}

这个 $是什么意思啊？ 还有这段代码是要干什么？

//$是jquery自定一个一个方法名 如果传入的是一个字符串, 那么他返回的就是一个节点或者节点数组 你可以看看jquery

function calcResize(w) {
var offsetX = event.x - parseInt(w.currentStyle.left);//鼠标的横坐标减去w对象的左边距
var offsetY = event.y - parseInt(w.currentStyle.top);//鼠标的纵坐标减去w对象的上边距
var width = parseInt(w.currentStyle.width);//w对象的宽度
//鼠标在w对象的边缘的时候 10像素以内
var resizeX = offsetX > width - 10;
var height = parseInt(w.currentStyle.height);
var resizeY = offsetY > height - 10;
w.style.cursor = (resizeX || resizeY) ? (resizeY ? "S" : "") + (resizeX ? "E" : "") + "-resize" : "default";
//设置w对象的鼠标状态 如果是上下边缘 或者是 左右边缘 鼠标的图标换成 "S-resize" "E-resize" 否则 则是"default"
}

还有这段代码可以给我详细讲解下吗？谢谢

Answer 2

$("id")=document.getElementById("id");//prototype.js下的方法

下面的代码是判断鼠标的位置，将其转化状态

Answer 3

通过$获取页面元素，等同于getElementById

Answer 4

$ 的含义要看你用什么库。
一般用来选取元素。

也有可能是自己定义的函数。
自己定义一般这样
function $(id){
return document.getElementById(id);
}

click_it()
函数里面的 setInterval 是一个定时器，每隔 20 毫秒执行一次 click_it。
个人觉得应该把 setInterval 写在 click_it 的外面。

calcResize 根据鼠标的位置，改变当前鼠标的形状。(上下左右滚动的图标)