HTML DOM案例 - W3xue在线HTML/CSS/JS运行工具

<html>
<head>
<script type="text/javascript">
myImages=new Array()
myImages[0]="/img/eg_mouse.jpg"
myImages[1]="/img/eg_smile.gif"
myImages[2]="/img/eg_landscape.jpg"
myImages[3]="/img/eg_landscape2.jpg"
myImages[4]="/img/eg_landscape3.jpg"
myImages[5]="/img/eg_greanfoliage.jpg"
imagecounter=myImages.length-1
i=0

function first()
{
document.getElementById('imageviewer').src=myImages[0]
i=0
}

function previous()
{
if (i>0)
	{
	i--
	document.getElementById('imageviewer').src=myImages[i]
	}
}

function next()
{
if (i<imagecounter)
	{
	i++
	document.getElementById('imageviewer').src=myImages[i]
	}
}

function last()
{
document.getElementById('imageviewer').src=myImages[imagecounter]
i=imagecounter
}
</script>
</head>

​x
document.getElementById('imageviewer').src=myImages[imagecounter]
 
<html>
<head>
<script type="text/javascript">
myImages=new Array()
myImages[0]="/img/eg_mouse.jpg"
myImages[1]="/img/eg_smile.gif"
myImages[2]="/img/eg_landscape.jpg"
myImages[3]="/img/eg_landscape2.jpg"
myImages[4]="/img/eg_landscape3.jpg"
myImages[5]="/img/eg_greanfoliage.jpg"
imagecounter=myImages.length-1
i=0
​
function first()
{
document.getElementById('imageviewer').src=myImages[0]
i=0
}
​
function previous()
{
if (i>0)
    {
    i--