<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这个是一个关于动画效果的例子</title>
</head>
<body>
<p id="message">an short message</p>
<script src="../js/addLoadEvent.js"></script>
<script src="../js/positionMessage.js"></script>
<script src="../js/moveMessage.js"></script>
<!--<script src="../js/add.js"></script>-->
</body>
</html>//第一个JS
function addLoadEvent(func){
var oldOnload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldOnload();
func();
}
}
}function moveElement (ele_id,p_x,p_y,interval){
if(!document.getElementById)return false;
if(!document.getElementById("ele_ID"))return false;
var ele=document.getElementById("ele_id");
var xpos=parseInt(ele.style.left);
var ypos=parseInt(ele.style.top);
if(xpos==p_x&&ypos==p_y) {
if (xpos < p_x) {
p_x++;
}
if (xpos > p_x) {
p_x--;
}
if (ypos > p_y) {
p_y--;
}
if (ypos < p_y) {
p_y++;
}
ele.style.left = xpos + "px";
ele.style.top = ypos + "px";
var repeat = "moveElement('" + ele_id + "'," + p_x + "," + p_y + "," + interval + ")";
movement = setTimeout(repeat, interval);
}
}
addLoadEvent(moveElement);document.write("<script language='javascript' src='../js/moveElement.js'></script>");
function positionMessage(){
if(!document.getElementById)return false;
if(!document.getElementById("message"))return false;
var ele=document.getElementById("message");
ele.style.position="absolute";
ele.style.left="50px";
ele.style.top="50px";
moveElement("message",125,125,20);
}
addLoadEvent(positionMessage);上面的三个功能分别写在三个不同的JS文件里面但是在同一个文件夹里面，经过引用却无法实现相应的效果，看过控制面板上面没有明显的错误，但是为何就是实现相应的效果呢？
1 回答
MarlboroKay
TA贡献189条经验 获得超236个赞
代码貌似没问题，你在判断是否支持
document.getELementById()那块下个断点。
怀疑是，直接不满足条件，return 出去了
添加回答
举报
0/150
提交
取消