
JS代码解释一下,详细点!
<html><head><title>跟随鼠标移动的文字</title><scriptlanguage="javascript"><!--text="跟随鼠标移动的文字"...
<html>
<head>
<title>跟随鼠标移动的文字</title>
<script language="javascript">
<!--
text = "跟随鼠标移动的文字";
j = text.length-1;
mouseX = 0;
mouseY = 0;
function follow(){
mouseX = event.x;
mouseY = event.y;
}
function move(){
eval("t" + j).style.left = parseInt(eval("t" + (j-1)).style.left) + 30;
eval("t" + j).style.top = parseInt(eval("t" + (j-1)).style.top)+10;
j--;
if (j<1){
j = text.length-1;
t0.style.left = mouseX + 20;
t0.style.top = mouseY + 20;
}
setTimeout("move()",5);
}
document.onmousemove = follow;
//-->
</script>
</head>
<body>
<script language="javascript">
for(i=0;i<text.length;i++){
str = "<div id=t" + i + " style='position:absolute;left=0;top=0;'>";
str = str + text.charAt(i) + "</div>"
document.write (str);
}
move();
</script>
</body>
</html>
eval("t" + j).style.left = parseInt(eval("t" + (j-1)).style.left) + 30;
的用法及其含义尤其是eval表示的意思和举例!大致意思我知道,想了解细节方面的! 展开
<head>
<title>跟随鼠标移动的文字</title>
<script language="javascript">
<!--
text = "跟随鼠标移动的文字";
j = text.length-1;
mouseX = 0;
mouseY = 0;
function follow(){
mouseX = event.x;
mouseY = event.y;
}
function move(){
eval("t" + j).style.left = parseInt(eval("t" + (j-1)).style.left) + 30;
eval("t" + j).style.top = parseInt(eval("t" + (j-1)).style.top)+10;
j--;
if (j<1){
j = text.length-1;
t0.style.left = mouseX + 20;
t0.style.top = mouseY + 20;
}
setTimeout("move()",5);
}
document.onmousemove = follow;
//-->
</script>
</head>
<body>
<script language="javascript">
for(i=0;i<text.length;i++){
str = "<div id=t" + i + " style='position:absolute;left=0;top=0;'>";
str = str + text.charAt(i) + "</div>"
document.write (str);
}
move();
</script>
</body>
</html>
eval("t" + j).style.left = parseInt(eval("t" + (j-1)).style.left) + 30;
的用法及其含义尤其是eval表示的意思和举例!大致意思我知道,想了解细节方面的! 展开
1个回答
展开全部
大致扫了一下,文字跟随鼠标效果,说一下关键点:move()循环执行,改变文字位置(setTimeout("move()",5);),follow()更改坐标数据,由onmousemove事件监听下执行
补充:eval:http://www.w3schools.com/jsref/jsref_eval.asp
注:该方法可将传入的字符串当js程序执行,功能非常强大,但容易出现安全问题,尽量少使用,常用的地方如json数据方式的ajax请求。
例:如上面的eval("t" + j),("t" + j)最后为一个元素的id,但是他是字符串,eval则将其转换为该id对应的节点
补充:eval:http://www.w3schools.com/jsref/jsref_eval.asp
注:该方法可将传入的字符串当js程序执行,功能非常强大,但容易出现安全问题,尽量少使用,常用的地方如json数据方式的ajax请求。
例:如上面的eval("t" + j),("t" + j)最后为一个元素的id,但是他是字符串,eval则将其转换为该id对应的节点
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询