width:100%;height:10%}.div1li{float:left;color:#FFF;margin-left:50px;margin-right:50px;padding-top:2px}.div1ul{list-style-type:none;margin:0px;padding:0px;margin-top:1px}<bodybgcolor="#000040"><divclass="div1">?<ul><li><ahref=""><imgsrc=""></a></li><li><ahref=""><imgsrc=""></a></li><li><ahref=""><imgsrc=""></a></li><li><ahref=""><imgsrc=""></a></li><li><ahref=""><imgsrc=""></a></li><li><ahref=""><imgsrc=""usemap="#Map"border="0"><mapname="Map"id="Map"><areashape="rect"coords="110,1,143,38"href=""/></map></a></li>?</ul></div></body>轮播器的主要功能是让多张图片能够按照一定的时间间隔进行轮播展示,此功能能够使网页空间得以节省,并且使网页看起来更加美观。轮播器主要运用css代码来实现的,大致思路是让想要轮播的几张图片排成一列,创建一个图框,只有这个图框中能够显示图片,其它区域图片将会隐藏,之后只要将图片设计成自动左右移动便能达到想要的效果。此为开始的样子,它每隔一段时间便会切换到下一张,右上的九个数字对应九个图片,点击能够直接跳到对应图片。将鼠标放于数字上不动,数字会呈现红色,此时图片不再轮播,将会静止在此页,这是为了方便浏览者阅读观看。切换后的图片:
全文预览
