var $ = function(id) { return document.getElementById(id); }
var Images = function()
{
this.imgs = null;
this.images = new Array();
this.appendImg = function(img)
{
/*
Images.imgs = img;
Images.images = img.split(",");
for(var i=0;i<this.images.length;i++)
{
setTimeout("this.rotation("+i+", 360)",1000*i);
}
*/
}
this.rotation = function(target, degree)
{
var objImg = document.createElement("IMG");
objImg.id = target;
objImg.src= Images.images[target];
objImg.style.left = target*10;
objImg.style.top = 10;
var mDiv = document.getElementById("images");
mDiv.appendChild(objImg);
var i = 0;
var sinDeg = 0;
var cosDeg = 0;
var timer = null ;
target = $(target);
var orginW = target.clientWidth, orginH = target.clientHeight;
clearInterval(timer);
function run(angle) {
target.style.webkitTransform = 'rotate(' + angle + 'deg)';
}
timer = setInterval(function() {
i += 10;
run(i);
if (i > degree - 1) {
i = 0;
clearInterval(timer);
}
}, 30);
}
this.moveDiv = function(objId,endx,endy,second){
if(second == null)
second = 1;
var testDiv = $(objId);
if(testDiv == null)
return;
var xPos = parseInt(testDiv.style.left);
var yPos = parseInt(testDiv.style.top);
var interval = 10;//0.01秒循环一次
var timel = second/inte
javascript实现元素的移动
最新推荐文章于 2024-07-12 12:03:01 发布
本文介绍了如何利用JavaScript实现页面元素的位置动态改变。通过函数、回调和定时器,可以实现元素的平滑移动效果,同时涉及到CSS样式表的动态修改以调整元素位置。
摘要由CSDN通过智能技术生成