以下是用js写的一段代码,在IE下正常,在火狐和谷歌下不行,请问要如何更改,谢谢! function id(obj) {
return document.getElementById(obj);
}
var page;
var lm, mx;
var md = false;
var sh = 0;
var en = false;
window.onload = function () {
page = id("div1").getElementsByTagName("div"); //document.getElementsByTagName("div");
if (page.length > 0) {
page[0].style.zIndex = 2;
}
for (i = 0; i < page.length; i++) {
page[i].className = "page1";
page[i].innerHTML += "<span class=tip1>第 " + (i + 1) + "/" + page.length + " 页 提示:左右拖拽翻页</span>";
page[i].id = "page1" + i;
page[i].i = i;
page[i].onmousedown = function (e) {
if (!en) {
if (!e) { e = e || window.event; }
lm = this.offsetLeft;
mx = (e.pageX) ? e.pageX : e.x;
this.style.cursor = "w-resize";
md = true;
if (document.all) {
this.setCapture();
} else {
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
}
}
page[i].onmousemove = function (e) {
if (md) {
en = true;
if (!e) { e = e || window.event; }
var ex = (e.pageX) ? e.pageX : e.x;
this.style.left = ex - (mx - lm) + 350;
if (this.offsetLeft < 75) {
var cu = (this.i == 0) ? page.length - 1 : this.i - 1;
page[sh].style.zIndex = 0;
page[cu].style.zIndex = 1;
this.style.zIndex = 2;
sh = cu;
}
if (this.offsetLeft > 75) {
var cu = (this.i == page.length - 1) ? 0 : this.i + 1;
page[sh].style.zIndex = 0;
page[cu].style.zIndex = 1;
this.style.zIndex = 2;
sh = cu;
}
}
}
page[i].onmouseup = function () {
this.style.cursor = "default";
md = false;
if (document.all) {
this.releaseCapture();
} else {
window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
flyout(this);
}
}
}
function flyout(obj) {
if (obj.offsetLeft < 75) {
if ((obj.offsetLeft + 350 - 20) > -275) {
obj.style.left = obj.offsetLeft + 350 - 20;
window.setTimeout("flyout(id('" + obj.id + "'));", 0);
} else {
obj.style.left = -275;
obj.style.zIndex = 0;
flyin(id(obj.id));
}
}
if (obj.offsetLeft > 75) {
if ((obj.offsetLeft + 350 + 20) < 1125) {
obj.style.left = obj.offsetLeft + 350 + 20;
window.setTimeout("flyout(id('" + obj.id + "'));", 0);
} else {
obj.style.left = 1125;
obj.style.zIndex = 0;
flyin(id(obj.id));
}
}
}
function flyin(obj) {
if (obj.offsetLeft < 75) {
if ((obj.offsetLeft + 350 + 20) < 425) {
obj.style.left = obj.offsetLeft + 350 + 20;
window.setTimeout("flyin(id('" + obj.id + "'));", 0);
} else {
obj.style.left = 425;
en = false;
}
}
if (obj.offsetLeft > 75) {
if ((obj.offsetLeft + 350 - 20) > 425) {
obj.style.left = obj.offsetLeft + 350 - 20;
window.setTimeout("flyin(id('" + obj.id + "'));", 0);
} else {
obj.style.left = 425;
en = false;
}
}
}
return document.getElementById(obj);
}
var page;
var lm, mx;
var md = false;
var sh = 0;
var en = false;
window.onload = function () {
page = id("div1").getElementsByTagName("div"); //document.getElementsByTagName("div");
if (page.length > 0) {
page[0].style.zIndex = 2;
}
for (i = 0; i < page.length; i++) {
page[i].className = "page1";
page[i].innerHTML += "<span class=tip1>第 " + (i + 1) + "/" + page.length + " 页 提示:左右拖拽翻页</span>";
page[i].id = "page1" + i;
page[i].i = i;
page[i].onmousedown = function (e) {
if (!en) {
if (!e) { e = e || window.event; }
lm = this.offsetLeft;
mx = (e.pageX) ? e.pageX : e.x;
this.style.cursor = "w-resize";
md = true;
if (document.all) {
this.setCapture();
} else {
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
}
}
page[i].onmousemove = function (e) {
if (md) {
en = true;
if (!e) { e = e || window.event; }
var ex = (e.pageX) ? e.pageX : e.x;
this.style.left = ex - (mx - lm) + 350;
if (this.offsetLeft < 75) {
var cu = (this.i == 0) ? page.length - 1 : this.i - 1;
page[sh].style.zIndex = 0;
page[cu].style.zIndex = 1;
this.style.zIndex = 2;
sh = cu;
}
if (this.offsetLeft > 75) {
var cu = (this.i == page.length - 1) ? 0 : this.i + 1;
page[sh].style.zIndex = 0;
page[cu].style.zIndex = 1;
this.style.zIndex = 2;
sh = cu;
}
}
}
page[i].onmouseup = function () {
this.style.cursor = "default";
md = false;
if (document.all) {
this.releaseCapture();
} else {
window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
flyout(this);
}
}
}
function flyout(obj) {
if (obj.offsetLeft < 75) {
if ((obj.offsetLeft + 350 - 20) > -275) {
obj.style.left = obj.offsetLeft + 350 - 20;
window.setTimeout("flyout(id('" + obj.id + "'));", 0);
} else {
obj.style.left = -275;
obj.style.zIndex = 0;
flyin(id(obj.id));
}
}
if (obj.offsetLeft > 75) {
if ((obj.offsetLeft + 350 + 20) < 1125) {
obj.style.left = obj.offsetLeft + 350 + 20;
window.setTimeout("flyout(id('" + obj.id + "'));", 0);
} else {
obj.style.left = 1125;
obj.style.zIndex = 0;
flyin(id(obj.id));
}
}
}
function flyin(obj) {
if (obj.offsetLeft < 75) {
if ((obj.offsetLeft + 350 + 20) < 425) {
obj.style.left = obj.offsetLeft + 350 + 20;
window.setTimeout("flyin(id('" + obj.id + "'));", 0);
} else {
obj.style.left = 425;
en = false;
}
}
if (obj.offsetLeft > 75) {
if ((obj.offsetLeft + 350 - 20) > 425) {
obj.style.left = obj.offsetLeft + 350 - 20;
window.setTimeout("flyin(id('" + obj.id + "'));", 0);
} else {
obj.style.left = 425;
en = false;
}
}
}
obj.style.left = 425;正确的写法都是
obj.style.left = 425 + "px";