js动态切换图片的方法

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

index.css文件如下：

复制代码 代码如下:* { 
    margin: 0px;padding: 0px; 
} 
 
body { 
    width: 632px; 
     
    margin: 0 auto; 
} 
 
#imgsCom { 
    background-color: yellow; 
     
    position: relative; 
} 
 
#ulnav{ 
    list-style-type: none; 
    
    position: absolute; 
     
    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程序设计有所帮助。