<html><body>
<script>
var PicArray=new Array();
//这里指定你的图片路径和信息
PicArray[0]=new Array("http://sheneyan.com/albums/large/00000289561.jpg","这是第一张图片的介绍")
PicArray[1]=new Array("http://sheneyan.com/albums/large/00000292609.jpg","这是第二张图片的介绍")
for(i=0;i<PicArray.length;i++)
{
document.write("<img src=\""+PicArray[i][0]+"\" onclick=\"changepic("+i+")\" style=\"cursor:hand\"> ");
}
function changepic(s)
{
document.all.showpic.style.background="url("+PicArray[s][0]+") no-repeat fixed -"+document.all.Wwidth.value+" -"+document.all.Hheight.value;
document.all.info.innerHTML=PicArray[s][1];
}
</script>
<br>指定显示部位横坐标:<input type=text name=Wwidth value=10><br>指定显示部位纵坐标:<input type=text name=Hheight value=10>
<table style="border:Double;border-width:1px;height:50px;width:50;background-repeat: no-repeat; background-position:0 0;" bordercolor='#eeeeee' id="showpic"><tr><td></td></tr>
</table>
图片信息：
<div id="info"></div>
</body></html>
