html如何让文字跟着图片一块轮显的代码,在线等谢谢
发布网友
发布时间:2022-05-21 19:41
我来回答
共1个回答
热心网友
时间:2023-09-22 06:22
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/的那个导航一样字体和图片一起轮显