html如何让文字跟着图片一块轮显的代码，在线等谢谢

Question

如题所述

Answer 1

Html网页显示js轮播图

<div class="top-image">
<div class="loopImage">
<!--轮播图js文件-->
<!-- <script src="js/jquery-1.8.3.min.js"></script> -->
<script src="js/jquery.luara.0.0.1.min.js"></script>
<script>
$(
function
(){
/* <!--调用Luara--> */
$(
".example").luara({width:"980",height:"291",interval:2500,selected:"seleted",deriction:"left"}); });
</script>
<!--Luara图片切换骨架begin-->
<div class="example" style="position: absolute;top: 142px;"><ul><li><img
src="images/lbt01.jpg" width="980" height="291" alt="1"/></li>
<li><img src="images/lbt02.jpg" width="980" height="291" alt="2"/>
</li> <li><img src="images/lbt03.jpg" width="980" height="291" alt="3"/></li>
<li><img src="images/lbt04.jpg" width="980" height="291" alt="4"/></li>
</ul><ol><li></li><li></li><li></li><li></li></ol></div>

<!--Luara
图片切换骨架
end-->
</div></div>
.top-menu
{height:43px;
margin-bottom:2px;
}
我文库有清晰的代码，你把文字链接放在那个img的<li标签里。>追问

不好意思，大侠没弄明白，我想要的效果就和http://v.baidu.com/的那个导航一样字体和图片一起轮显

本回答被提问者和网友采纳