javascript实现图片轮播代码

javascript图片轮播代码，供大家参考，具体内容如下

因为自己是新手自学不久，所以代码有很多不规范的地方，请原谅。

html部分代码：

 
<

>

CSS部分代码：

*
{
 margin: 0;
 padding: 0;
}

#head
{
 width:800px;
 height:500px;
 border-radius: 5px;
 border: 2px solid pink;
 margin: 200px auto;
 text-align: center; 
}

#prev
{
 width: 30px;
 height: 30px;
 border: 0px;
 border-radius: 5px;
 background-color:white;
 color: black;
 position: relative;
 margin-top: 250px;
 float: left; 
}

#next
{
 width: 30px;
 height: 30px;
 border: 0px;
 border-radius: 5px;
 background-color:white;
 color: black;
 position: relative;
 margin-top: 250px;
 float: right; 
}

javascript部分代码：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。