简单的js轮换修改

wingtsc 2010-03-04 02:27:50

<div class="imgnewsbox" id="imgnewsbox">
<ul>
<li><a href="###" target="_blank"><img src="files/images/1.jpg" alt="title"/></a>
<div class="twh"> </div>
<h3><a href="###" target="_blank">标题1</a></h3>
<div class="tldoc">aaa<span>[<a href="###" target="_blank">详细</a>]</span></div>
</li>
<li><a href="###" target="_blank"><img src="files/images/1.jpg" alt="title"/></a>
<div class="twh"> </div>
<h3><a href="###" target="_blank">标题2</a></h3>
<div class="tldoc">aaa<span>[<a href="###" target="_blank">详细</a>]</span></div>
</li>
<li><a href="###" target="_blank"><img src="files/images/1.jpg" alt="title"/></a>
<div class="twh"> </div>
<h3><a href="###" target="_blank">标题3</a></h3>
<div class="tldoc">aaa<span>[<a href="###" target="_blank">详细</a>]</span></div>
</li>
</ul>
</div>

<script type="text/javascript">
new ShowHideBoard(new Array('m0','m1', 'm2','m3', 'm4','m5', 'm6','m7', 'm8'), 'act', '', new Array('m0_li','m1_li', 'm2_li','m3_li', 'm4_li','m5_li', 'm6_li','m7_li', 'm8_li'), '', 'hid','onmouseover').attachElement();
new ShowHideBoard(new Array('k1','k2', 'k3','k4', 'k5'), 'act', '', new Array('k1_li','k2_li', 'k3_li','k4_li', 'k5_li'), '', 'hid','onmouseover').attachElement();
new ShowHideBoard(new Array('d1','d2', 'd3','d4'), 'act', '', new Array('d1_li','d2_li', 'd3_li','d4_li'), '', 'hid','onmouseover').attachElement();
new ShowHideBoard(new Array('f1','f2', 'f3','f4','f5', 'f6','f7','f8'), 'act', '', new Array('f1_li','f2_li', 'f3_li','f4_li','f5_li','f6_li','f7_li','f8_li'), '', 'hid','onmouseover').attachElement();

//记录第几张
var $THIS = null;
//LI元素,array
var $Li = [];

//img change
function changeImg()
{
this.id = document.getElementById('imgnewsbox');
this.p = this.id.getElementsByTagName('li');
this.span = document.getElementById('img_list').getElementsByTagName('li');

$Li = this.span;

this.length = this.span.length;
this.flag = 0;
for(var i=0;i<this.length;i++)
{
this.p[i].style.display = "none";
this.span[i].className = "";
this.flag = i;
this.span[i].value = i;
this.span[i].onclick = function()
{
Imgss.change(this.value)
$THIS = this.value;
};

}

this.temp = 0;

this.play = function()
{
if(navigator.appName.indexOf("Explorer") != -1)
{
this.id.filters[0].Apply();
this.id.filters[0].Transition=6;
this.id.filters[0].Play();
}

for(var i=0; i<this.length; i++)
{
this.p[i].style.display = "none";
this.span[i].className = "";
}

this.p[this.temp].style.display = "block";
this.span[this.temp].className = "act";

this.temp += 1;

if(this.temp >= this.length)
{
this.temp = 0;
}

$THIS = this.temp;

this.timer = setTimeout('Imgss.play()',5000);
};

this.change = function(now)
{
clearInterval(this.timer);
this.temp = now;
$THIS = now
Imgss.play();
};

this.play();
}
var Imgss = new changeImg();

function trigEvent( domEle, evt )
{
try {
try {
var e = document.createEvent( 'HTMLEvents' );
e.initEvent( evt, false, true );
domEle.dispatchEvent( e );
} catch (ept) {
domEle.fireEvent( evt );
}
} catch (ept) {
eval( 'domEle.' + evt + '();' );
}
}

</script>

修改上面的一段js，使它增加一个功能，按“上一页”、“下一页”可以触发上一张图片和下一张图片。
请尽量写出各个语句的解释，感谢！

对不起，我只允许发27分内的帖子，不过一会的答案我会加分的~~

...全文