html如何让文字跟着图片一块轮显的代码,在线等谢谢
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标签里。>
<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/的那个导航一样字体和图片一起轮显
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询