js动态切换图片的方法

本文实例讲述了js动态切换图片的方法。分享给大家供大家参考。具体实现方法如下：

index.css文件如下：

代码如下:

body {
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如下：

代码如下:

1
• 2
• 3

希望本文所述对大家的javascript程序设计有所帮助。