一个老程序,2个函数,一个页面里同时执行slide1或者slide2就沒问题;现在同一个页面,同时执行2个函数,就有问题,麻烦大伙帮忙看看。由于函数很多地方调用,参数和函数名,HTML代码都不能修改,只能修改JS代码,谢谢了。100分相谢。
代码复制另存HTML就可以看到效果了
<html>
<head>
<title></title><script type="text/javascript">function slide1(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = time;
objarr.target = target;
objarr.current = 0;
objarr.id = ('slide1_' + Math.floor(Math.random() * 9999999));
this.play = function(arr) {
var id = arr.id;
var img1 = document.getElementById('img_' + id);
var link1 = document.getElementById('link_' + id);
if (img1 != null) {
if (arr.current < arr.arrimage.length) {
img1.filters.revealTrans.apply();
img1.src = arr.arrimage[arr.current];
link1.href = arr.arrurl[arr.current];
img1.filters.revealTrans.Transition = Math.floor(Math.random() * 23);
img1.filters.revealTrans.play();
arr.current += 1;
}
else {
arr.current = 0;
}
}
};
this._play = function(arr) {
return function() {
play(arr);
}
}; var time1 = 1000 * parseInt(time);
var timer1 = null;
var tar1 = target ? '_blank' : '_self'; var div1 = document.createElement('DIV');
div1.innerHTML = '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + tar1 + '"><img width="' + width + '" height="' + height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" style="FILTER: revealTrans(duration=2,transition=20,border:1px solid #000000" border=0></a>';
timer1 = window.setInterval(_play(objarr), time1);
return div1.innerHTML;
} function slide2(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = 1000 * parseInt(time);
objarr.target = target;
objarr.current = 0;
objarr.bind = false;
objarr.timeid = null;
objarr.target = (target ? '_blank' : '_self');
objarr.id = ('slide_' + Math.floor(Math.random() * 9999999));
this.selindex=function(arr, id, p) {
this.clickFunc = function() {
playfun(arr,p,true);
}
}; this.playfun = function(arr, p, clear) {
var img2 = document.getElementById('img_' + arr.id);
if (arr.id != null) {
if (p == null) { if (arr.current < arr.arrimage.length - 1) {
arr.current += 1;
}
else {
arr.current = 0;
}
}
else {
arr.current = p;
}
var i = arr.current; for (var k = 1; k <= arr.arrimage.length; k++) {
if (document.getElementById('slidebtn_' + arr.id + k)) {
document.getElementById('slidebtn_' + arr.id + k).src = '/SlideImage/off_' + k + '.gif';
}
}
document.getElementById('slidebtn_' + arr.id + (i + 1)).src = '/SlideImage/on_' + (i + 1) + '.gif';
img2.src = arr.arrimage[i];
document.getElementById('link_' + arr.id).href = arr.arrurl[i];
document.getElementById('span_' + arr.id).innerHTML = arr.arrtitle[i];
if (clear) {
//window.clearInterval(arr.timeid);
//arr.timeid = window.setInterval(_play(arr), arr.time);
}
}
}; this.play = function(arr) {
if (!arr.bind)
{
for (var i = 1; i <= arr.arrimage.length; i++)
{
var obj = new selindex(arr, arr.id, (i-1));
document.getElementById('slidebtn_' + arr.id + i).onclick = obj.clickFunc;
}
arr.bind = true;
} playfun(arr,null,false); };
this._play = function(arr) {
return function() {
play(arr);
}
};
var s = '';
s += '<table border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left">';
s += '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + objarr.target + '"><img width="' + objarr.width + '" height="' + objarr.height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" border=0></a>';
s += '</td>';
s += '</tr>';
s += '<tr>';
s += '<td>'; s += '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left"> ';
s += '<span id="span_' + objarr.id + '">' + arrtitle[0] + '</span>';
s += '</td>';
s += '<td align="right">'; for (var i = 1; i <= arrimage.length; i++) {
if (i == 1) {
s += '<input style="background-color:Red;" type=button value=' + i + '>';
}
else {
s += '<input style="background-color:gray" type=button value=' + i + '>';
}
} s += '</td>';
s += '</tr>';
s += '</table>';
s += '</td>';
s += '</tr>';
s += '</table>';
var div2 = document.createElement('DIV');
div2.innerHTML = s; objarr.timeid = window.setInterval(_play(objarr), objarr.time);
return div2.innerHTML;
}</script>
</head>
<body><script type="text/javascript"> var link2704223 = ['http://i02.c.aliimg.com/img/product/53/95/05/53950536.220x220.jpg', 'http://i05.c.aliimg.com/img/product/88/02/43/88024393.220x220.jpg', 'http://i04.c.aliimg.com/img/product/55/33/08/55330863.220x220.jpg', 'http://i01.c.aliimg.com/img/product/63/29/38/63293880.220x220.jpg'];
var url2704223 = ['/Case/386771.html', '/Case/386770.html', '/Case/29315.html', '/Case/84.html'];
var arrtitle2704223 = ['44444444444', '333333333333', '22222222222222', '111111111111'];
var description2704223 = ['a', 'b', 'c', 'd']; document.write(slide1(link2704223, url2704223, arrtitle2704223, description2704223, 500, 200, 2, true));
</script>
<br />
<br />
<br />
<br />
<script type="text/javascript"> var link2704227 = ['http://i00.c.aliimg.com/img/product/69/70/61/69706105.220x220.jpg', 'http://i05.c.aliimg.com/img/product/76/25/86/76258631.220x220.jpg', 'http://i00.c.aliimg.com/img/product/79/10/57/79105714.220x220.jpg', 'http://i05.c.aliimg.com/img/offer2/2010/624/337/630624337_618b4d1eab8a1dc30199ea5270226ffe.220x220.jpg', 'http://i01.c.aliimg.com/img/product/74/02/38/74023868.220x220.jpg'];
var url2704227 = ['/test/386776.html', '/test/386775.html', '/test/386774.html', '/test/386773.html', '/test/386772.html'];
var arrtitle2704227 = ['eeeeeeeeeee', 'dddddddddddddd', 'cccccccccccccc', 'bbbbbbbbbbbbb', 'aaaaaaaaaaaa'];
var description2704227 = ['a', 'b', 'c', 'd']; document.write(slide2(link2704227, url2704227, arrtitle2704227, description2704227, 222, 222, 1, true));</script></body>
</html>
代码复制另存HTML就可以看到效果了
<html>
<head>
<title></title><script type="text/javascript">function slide1(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = time;
objarr.target = target;
objarr.current = 0;
objarr.id = ('slide1_' + Math.floor(Math.random() * 9999999));
this.play = function(arr) {
var id = arr.id;
var img1 = document.getElementById('img_' + id);
var link1 = document.getElementById('link_' + id);
if (img1 != null) {
if (arr.current < arr.arrimage.length) {
img1.filters.revealTrans.apply();
img1.src = arr.arrimage[arr.current];
link1.href = arr.arrurl[arr.current];
img1.filters.revealTrans.Transition = Math.floor(Math.random() * 23);
img1.filters.revealTrans.play();
arr.current += 1;
}
else {
arr.current = 0;
}
}
};
this._play = function(arr) {
return function() {
play(arr);
}
}; var time1 = 1000 * parseInt(time);
var timer1 = null;
var tar1 = target ? '_blank' : '_self'; var div1 = document.createElement('DIV');
div1.innerHTML = '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + tar1 + '"><img width="' + width + '" height="' + height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" style="FILTER: revealTrans(duration=2,transition=20,border:1px solid #000000" border=0></a>';
timer1 = window.setInterval(_play(objarr), time1);
return div1.innerHTML;
} function slide2(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = 1000 * parseInt(time);
objarr.target = target;
objarr.current = 0;
objarr.bind = false;
objarr.timeid = null;
objarr.target = (target ? '_blank' : '_self');
objarr.id = ('slide_' + Math.floor(Math.random() * 9999999));
this.selindex=function(arr, id, p) {
this.clickFunc = function() {
playfun(arr,p,true);
}
}; this.playfun = function(arr, p, clear) {
var img2 = document.getElementById('img_' + arr.id);
if (arr.id != null) {
if (p == null) { if (arr.current < arr.arrimage.length - 1) {
arr.current += 1;
}
else {
arr.current = 0;
}
}
else {
arr.current = p;
}
var i = arr.current; for (var k = 1; k <= arr.arrimage.length; k++) {
if (document.getElementById('slidebtn_' + arr.id + k)) {
document.getElementById('slidebtn_' + arr.id + k).src = '/SlideImage/off_' + k + '.gif';
}
}
document.getElementById('slidebtn_' + arr.id + (i + 1)).src = '/SlideImage/on_' + (i + 1) + '.gif';
img2.src = arr.arrimage[i];
document.getElementById('link_' + arr.id).href = arr.arrurl[i];
document.getElementById('span_' + arr.id).innerHTML = arr.arrtitle[i];
if (clear) {
//window.clearInterval(arr.timeid);
//arr.timeid = window.setInterval(_play(arr), arr.time);
}
}
}; this.play = function(arr) {
if (!arr.bind)
{
for (var i = 1; i <= arr.arrimage.length; i++)
{
var obj = new selindex(arr, arr.id, (i-1));
document.getElementById('slidebtn_' + arr.id + i).onclick = obj.clickFunc;
}
arr.bind = true;
} playfun(arr,null,false); };
this._play = function(arr) {
return function() {
play(arr);
}
};
var s = '';
s += '<table border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left">';
s += '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + objarr.target + '"><img width="' + objarr.width + '" height="' + objarr.height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" border=0></a>';
s += '</td>';
s += '</tr>';
s += '<tr>';
s += '<td>'; s += '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left"> ';
s += '<span id="span_' + objarr.id + '">' + arrtitle[0] + '</span>';
s += '</td>';
s += '<td align="right">'; for (var i = 1; i <= arrimage.length; i++) {
if (i == 1) {
s += '<input style="background-color:Red;" type=button value=' + i + '>';
}
else {
s += '<input style="background-color:gray" type=button value=' + i + '>';
}
} s += '</td>';
s += '</tr>';
s += '</table>';
s += '</td>';
s += '</tr>';
s += '</table>';
var div2 = document.createElement('DIV');
div2.innerHTML = s; objarr.timeid = window.setInterval(_play(objarr), objarr.time);
return div2.innerHTML;
}</script>
</head>
<body><script type="text/javascript"> var link2704223 = ['http://i02.c.aliimg.com/img/product/53/95/05/53950536.220x220.jpg', 'http://i05.c.aliimg.com/img/product/88/02/43/88024393.220x220.jpg', 'http://i04.c.aliimg.com/img/product/55/33/08/55330863.220x220.jpg', 'http://i01.c.aliimg.com/img/product/63/29/38/63293880.220x220.jpg'];
var url2704223 = ['/Case/386771.html', '/Case/386770.html', '/Case/29315.html', '/Case/84.html'];
var arrtitle2704223 = ['44444444444', '333333333333', '22222222222222', '111111111111'];
var description2704223 = ['a', 'b', 'c', 'd']; document.write(slide1(link2704223, url2704223, arrtitle2704223, description2704223, 500, 200, 2, true));
</script>
<br />
<br />
<br />
<br />
<script type="text/javascript"> var link2704227 = ['http://i00.c.aliimg.com/img/product/69/70/61/69706105.220x220.jpg', 'http://i05.c.aliimg.com/img/product/76/25/86/76258631.220x220.jpg', 'http://i00.c.aliimg.com/img/product/79/10/57/79105714.220x220.jpg', 'http://i05.c.aliimg.com/img/offer2/2010/624/337/630624337_618b4d1eab8a1dc30199ea5270226ffe.220x220.jpg', 'http://i01.c.aliimg.com/img/product/74/02/38/74023868.220x220.jpg'];
var url2704227 = ['/test/386776.html', '/test/386775.html', '/test/386774.html', '/test/386773.html', '/test/386772.html'];
var arrtitle2704227 = ['eeeeeeeeeee', 'dddddddddddddd', 'cccccccccccccc', 'bbbbbbbbbbbbb', 'aaaaaaaaaaaa'];
var description2704227 = ['a', 'b', 'c', 'd']; document.write(slide2(link2704227, url2704227, arrtitle2704227, description2704227, 222, 222, 1, true));</script></body>
</html>
解决方案 »
- jquery: e.target.tagName is undefined
- <script src="/i/jquery.js?v=1.3.2"></script>什么意思?
- Ext 用那个版本不要钱?Gxt要钱么?
- js连接sql2000
- 如何在innerHTML里面加事件处理,如onclick
- 100分问个response.write输出速度问题!!
- 求一个菜单特效代码 谢谢 就是能收缩的那种!!!!
- 在javascript中打开一图象文件,并获得其二进制数据?
- showmodelessdialog的参数传递问题
- 如何控制刷新另一个页面
- Mozilla MSIE Firefox之间有什么区别?
- 奇怪,JS换行有问题
s += '<input style="background-color:Red;" type=button value=' + i + '>';
}
else {
s += '<input style="background-color:gray" type=button value=' + i + '>';
}ID是在这里的,我漏掉了。应该是这样的,谢谢指正 if (i == 1) {
s += '<input id="slidebtn_' + objarr.id + i + '" style="background-color:Red;" type=button value=' + i + '>';
}
else {
s += '<input id="slidebtn_' + objarr.id + i + '" style="background-color:gray" type=button value=' + i + '>';
}
应该修改成这样
<head>
<title></title>
<script type="text/javascript">function slide1(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = time;
objarr.target = target;
objarr.current = 0;
objarr.id = ('slide1_' + Math.floor(Math.random() * 9999999));
this.play1 = function(arr) {//alert("1 : "+arr.id);
var id = arr.id;
var img1 = document.getElementById('img_' + id);
var link1 = document.getElementById('link_' + id);
if (img1 != null) {
if (arr.current < arr.arrimage.length) {
img1.filters.revealTrans.apply();
img1.src = arr.arrimage[arr.current];
link1.href = arr.arrurl[arr.current];
img1.filters.revealTrans.Transition = Math.floor(Math.random() * 23);
img1.filters.revealTrans.play();
arr.current += 1;
}
else {
arr.current = 0;
}
}
};
this._play1 = function(arr) {
return function() {
this.play1(arr);
}
}; var time1 = 1000 * parseInt(time);
var timer1 = null;
var tar1 = target ? '_blank' : '_self'; var div1 = document.createElement('DIV');
div1.innerHTML = '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + tar1 + '"><img width="' + width + '" height="' + height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" style="FILTER: revealTrans(duration=2,transition=20,border:1px solid #000000" border=0></a>';
timer1 = window.setInterval(this._play1(objarr), time1);
return div1.innerHTML;
} function slide2(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = 1000 * parseInt(time);
objarr.target = target;
objarr.current = 0;
objarr.bind = false;
objarr.timeid = null;
objarr.target = (target ? '_blank' : '_self');
objarr.id = ('slide_' + Math.floor(Math.random() * 9999999)); this.selindex=function(arr, id, p) {
this.clickFunc = function() {
playfun(arr,p,true);
}
}; this.playfun = function(arr, p, clear) {
var img2 = document.getElementById('img_' + arr.id);
if (arr.id != null) {
if (p == null) { if (arr.current < arr.arrimage.length - 1) {
arr.current += 1;
}
else {
arr.current = 0;
}
}
else {
arr.current = p;
}
var i = arr.current; for (var k = 1; k <= arr.arrimage.length; k++) {
if (document.getElementById('slidebtn_' + arr.id + k)) {
document.getElementById('slidebtn_' + arr.id + k).src = '/SlideImage/off_' + k + '.gif';
}
}
document.getElementById('slidebtn_' + arr.id + (i + 1)).src = '/SlideImage/on_' + (i + 1) + '.gif';
img2.src = arr.arrimage[i];
document.getElementById('link_' + arr.id).href = arr.arrurl[i];
document.getElementById('span_' + arr.id).innerHTML = arr.arrtitle[i];
if (clear) {
//window.clearInterval(arr.timeid);
//arr.timeid = window.setInterval(_play2(arr), arr.time);
}
}
}; this.play2 = function(arr) {
if (!arr.bind)
{
for (var i = 1; i <= arr.arrimage.length; i++)
{
var obj = new selindex(arr, arr.id, (i-1));
document.getElementById('slidebtn_' + arr.id + ""+i).onclick = obj.clickFunc;
}
arr.bind = true;
} playfun(arr,null,false); }; this._play2 = function(arr) {
return function() {
this.play2(arr);
}
}; var s = ''; s += '<table border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left">';
s += '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + objarr.target + '"><img width="' + objarr.width + '" height="' + objarr.height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" border=0></a>';
s += '</td>';
s += '</tr>';
s += '<tr>';
s += '<td>'; s += '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left"> ';
s += '<span id="span_' + objarr.id + '">' + arrtitle[0] + '</span>';
s += '</td>';
s += '<td align="right">'; for (var i = 1; i <= arrimage.length; i++) {
if (i == 1) {
s += '<input id="slidebtn_' + objarr.id + i + '" style="background-color:Red;" type=button value=' + i + '>';
}
else {
s += '<input id="slidebtn_' + objarr.id + i + '" style="background-color:gray" type=button value=' + i + '>';
} } s += '</td>';
s += '</tr>';
s += '</table>'; s += '</td>';
s += '</tr>';
s += '</table>'; var div2 = document.createElement('DIV');
div2.innerHTML = s; objarr.timeid = window.setInterval(this._play2(objarr), objarr.time);
return div2.innerHTML;
}</script></head>
<body><script type="text/javascript"> var link2704223 = ['http://i02.c.aliimg.com/img/product/53/95/05/53950536.220x220.jpg', 'http://i05.c.aliimg.com/img/product/88/02/43/88024393.220x220.jpg', 'http://i04.c.aliimg.com/img/product/55/33/08/55330863.220x220.jpg', 'http://i01.c.aliimg.com/img/product/63/29/38/63293880.220x220.jpg'];
var url2704223 = ['/Case/386771.html', '/Case/386770.html', '/Case/29315.html', '/Case/84.html'];
var arrtitle2704223 = ['44444444444', '333333333333', '22222222222222', '111111111111'];
var description2704223 = ['a', 'b', 'c', 'd'];
document.write(slide1(link2704223, url2704223, arrtitle2704223, description2704223, 500, 200, 2, true));
</script>
<br />
<br />
<br />
<br />
<script type="text/javascript"> var link2704227 = ['http://i00.c.aliimg.com/img/product/69/70/61/69706105.220x220.jpg', 'http://i05.c.aliimg.com/img/product/76/25/86/76258631.220x220.jpg', 'http://i00.c.aliimg.com/img/product/79/10/57/79105714.220x220.jpg', 'http://i05.c.aliimg.com/img/offer2/2010/624/337/630624337_618b4d1eab8a1dc30199ea5270226ffe.220x220.jpg', 'http://i01.c.aliimg.com/img/product/74/02/38/74023868.220x220.jpg'];
var url2704227 = ['/test/386776.html', '/test/386775.html', '/test/386774.html', '/test/386773.html', '/test/386772.html'];
var arrtitle2704227 = ['eeeeeeeeeee', 'dddddddddddddd', 'cccccccccccccc', 'bbbbbbbbbbbbb', 'aaaaaaaaaaaa'];
var description2704227 = ['a', 'b', 'c', 'd'];
document.write(slide2(link2704227, url2704227, arrtitle2704227, description2704227, 222, 222, 1, true));</script></body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">function slide1(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = time;
objarr.target = target;
objarr.current = 0;
objarr.id = ('slide1_' + Math.floor(Math.random() * 9999999));
this.play1 = function(arr) {//alert("1 : "+arr.id);
var id = arr.id;
var img1 = document.getElementById('img_' + id);
var link1 = document.getElementById('link_' + id);
if (img1 != null) {
if (arr.current < arr.arrimage.length) {
img1.filters.revealTrans.apply();
img1.src = arr.arrimage[arr.current];
link1.href = arr.arrurl[arr.current];
img1.filters.revealTrans.Transition = Math.floor(Math.random() * 23);
img1.filters.revealTrans.play();
arr.current += 1;
}
else {
arr.current = 0;
}
}
};
this._play1 = function(arr) {
return function() {
this.play1(arr);
}
}; var time1 = 1000 * parseInt(time);
var timer1 = null;
var tar1 = target ? '_blank' : '_self'; var div1 = document.createElement('DIV');
div1.innerHTML = '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + tar1 + '"><img width="' + width + '" height="' + height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" style="FILTER: revealTrans(duration=2,transition=20,border:1px solid #000000" border=0></a>';
timer1 = window.setInterval(this._play1(objarr), time1);
return div1.innerHTML;
} function slide2(arrimage, arrurl, arrtitle, arrdescription, width, height, time, target) {
if (arrimage.length == 0) return;
var objarr = new Object();
objarr.arrimage = arrimage;
objarr.arrurl = arrurl;
objarr.arrtitle = arrtitle;
objarr.arrdescription = arrdescription;
objarr.width = width;
objarr.height = height;
objarr.time = 1000 * parseInt(time);
objarr.target = target;
objarr.current = 0;
objarr.bind = false;
objarr.timeid = null;
objarr.target = (target ? '_blank' : '_self');
objarr.id = ('slide_' + Math.floor(Math.random() * 9999999)); this.selindex=function(arr, id, p) {
this.clickFunc = function() {
playfun(arr,p,true);
}
}; this.playfun = function(arr, p, clear) {
var img2 = document.getElementById('img_' + arr.id);
if (arr.id != null) {
if (p == null) { if (arr.current < arr.arrimage.length - 1) {
arr.current += 1;
}
else {
arr.current = 0;
}
}
else {
arr.current = p;
}
var i = arr.current; for (var k = 1; k <= arr.arrimage.length; k++) {
if (document.getElementById('slidebtn_' + arr.id + k)) {
document.getElementById('slidebtn_' + arr.id + k).src = '/SlideImage/off_' + k + '.gif';
}
}
document.getElementById('slidebtn_' + arr.id + (i + 1)).src = '/SlideImage/on_' + (i + 1) + '.gif';
img2.src = arr.arrimage[i];
document.getElementById('link_' + arr.id).href = arr.arrurl[i];
document.getElementById('span_' + arr.id).innerHTML = arr.arrtitle[i];
if (clear) {
//window.clearInterval(arr.timeid);
//arr.timeid = window.setInterval(_play2(arr), arr.time);
}
}
}; this.play2 = function(arr) {
if (!arr.bind)
{
for (var i = 1; i <= arr.arrimage.length; i++)
{
var obj = new selindex(arr, arr.id, (i-1));
document.getElementById('slidebtn_' + arr.id + ""+i).onclick = obj.clickFunc;
}
arr.bind = true;
} playfun(arr,null,false); }; this._play2 = function(arr) {
return function() {
this.play2(arr);
}
}; var s = ''; s += '<table border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left">';
s += '<a id="link_' + objarr.id + '" href="' + arrurl[0] + '" target="' + objarr.target + '"><img width="' + objarr.width + '" height="' + objarr.height + '" id="img_' + objarr.id + '" src="' + arrimage[0] + '" border=0></a>';
s += '</td>';
s += '</tr>';
s += '<tr>';
s += '<td>'; s += '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">';
s += '<tr>';
s += '<td align="left"> ';
s += '<span id="span_' + objarr.id + '">' + arrtitle[0] + '</span>';
s += '</td>';
s += '<td align="right">'; for (var i = 1; i <= arrimage.length; i++) {
if (i == 1) {
s += '<input id="slidebtn_' + objarr.id + i + '" style="background-color:Red;" type=button value=' + i + '>';
}
else {
s += '<input id="slidebtn_' + objarr.id + i + '" style="background-color:gray" type=button value=' + i + '>';
} } s += '</td>';
s += '</tr>';
s += '</table>'; s += '</td>';
s += '</tr>';
s += '</table>'; var div2 = document.createElement('DIV');
div2.innerHTML = s; objarr.timeid = window.setInterval(this._play2(objarr), objarr.time);
return div2.innerHTML;
}</script>
</head><body>
<script type="text/javascript"> var link2704223 = ['http://i02.c.aliimg.com/img/product/53/95/05/53950536.220x220.jpg', 'http://i05.c.aliimg.com/img/product/88/02/43/88024393.220x220.jpg', 'http://i04.c.aliimg.com/img/product/55/33/08/55330863.220x220.jpg', 'http://i01.c.aliimg.com/img/product/63/29/38/63293880.220x220.jpg'];
var url2704223 = ['/Case/386771.html', '/Case/386770.html', '/Case/29315.html', '/Case/84.html'];
var arrtitle2704223 = ['44444444444', '333333333333', '22222222222222', '111111111111']; var description2704223 = ['a', 'b', 'c', 'd'];
document.write(slide1(link2704223, url2704223, arrtitle2704223, description2704223, 1000, 200, 2, true)); </script>
<br /> <br /> <br /> <br />
<script type="text/javascript">
var link2704227 = ['http://i00.c.aliimg.com/img/product/69/70/61/69706105.220x220.jpg', 'http://i05.c.aliimg.com/img/product/76/25/86/76258631.220x220.jpg', 'http://i00.c.aliimg.com/img/product/79/10/57/79105714.220x220.jpg', 'http://i05.c.aliimg.com/img/offer2/2010/624/337/630624337_618b4d1eab8a1dc30199ea5270226ffe.220x220.jpg', 'http://i01.c.aliimg.com/img/product/74/02/38/74023868.220x220.jpg'];
var url2704227 = ['/test/386776.html', '/test/386775.html', '/test/386774.html', '/test/386773.html', '/test/386772.html'];
var arrtitle2704227 = ['eeeeeeeeeee', 'dddddddddddd', 'cccccccccccc', 'bbbbbbbbbbb', 'aaaaaaaaaa'];
var description2704227 = ['a', 'b', 'c', 'd'];
document.write(slide2(link2704227, url2704227, arrtitle2704227, description2704227, 222, 222, 1, true));
</script>
</body>
</html>
另外 lieri111 的代码,除了HTML头部不一样,其他和shan1119 的有啥区别
,很久不来CSDN了。还是好人多啊 ,前几天花了几个钟头都没搞定,头都想打了。
谢谢各位,结贴