
页面的head部分,需引入页面的样式文件和轮播的JS插件,代码如下:
<link type="text/css" rel="stylesheet" href="css/css.css"/>
<script type="text/javascript" src="js/animate.js"></script>
<script type="text/javascript" src="js/carousel.js"></script> 页面的body部分,需在div容器里设置好ul无序列表来显示轮播图片,代码如下:
<div class="wrap" id="wrap">
<div class="slide" id="slide">
<ul>
<li><a href="#"><img src="images/slidepic1.png" alt=""/></a></li>
<li><a href="#"><img src="images/slidepic2.png" alt=""/></a></li>
<li><a href="#"><img src="images/slidepic3.png" alt=""/></a></li>
<li><a href="#"><img src="images/slidepic4.png" alt=""/></a></li>
<li><a href="#"><img src="images/slidepic5.png" alt=""/></a></li>
</ul>
<div class="arrow" id="arrow">
<a href="javascript:;" class="prev" id="arrLeft"></a>
<a href="javascript:;" class="next" id="arrRight"></a>
</div>
</div>
</div> *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
