登录  /  注册
按照layui视频里做了轮播图、但是不 正常显示、不知道问题出在哪里
千里同**络科技****
千里同**络科技**** 2020-08-09 00:27:34
[HTML讨论组]
0 0 1024
举报

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>lunbo</title>

  <link rel="stylesheet" href="css/css.css" />

<link rel="stylesheet" href="layui/css/layui.css" />

<script src="layui/layui.js" type="text/javascript"></script>

</head>

<body>

 

<div class="layui-carousel" id="test1">

  <div carousel-item>

     <div style="background: #0000FF; /">666</div>

    <div style="background-color: #009E94; /">2222</div>

  </div>

</div>

<!-- 条目中可以是任意内容，如：<img src=""> -->

 

<script>

layui.use('carousel', function(){

  var carousel = layui.carousel;

  //建造实例

  carousel.render({

    elem: '#test1'

    ,width: '100%' //设置容器宽度

  

    ,arrow: 'always' //始终显示箭头

    

    ,anim: 'default' //切换动画方式

  });

});

</script>

</body>

</html>

千里同**络科技****
千里同**络科技****

全部回复(0)
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部