本文实例讲述了js动态切换图片的方法。分享给大家供大家参考。具体实现方法如下：
index.css文件如下：
代码如下:
body {
width: 632px;
/background-color: blue;/
margin: 0 auto;
}
width: 632px;
/background-color: blue;/
margin: 0 auto;
}
imgsCom {
background-color: yellow;
/相对定位，为了下层可以使用绝对定位时以本div的原点为原点/
position: relative;
}
ulnav{
list-style-type: none;
position: absolute;
/使用以imgsCom为原点来绝对定位到右下角/
bottom: 0px;
right: 0px;
}
ulnav li{
list-style-type: none;
float: left;
background-color: black;
color: white;
margin-right: 5px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;
}
index.html如下：
代码如下: