评论：原生JS响应式无限循环轮播图（原创）  [查看原文]

所属分类：媒体-幻灯片和轮播图

 41865  374  31
当前第1页 / 共2页
    如风0
    2019/10/10 17:50:06
    星梦无痕0
    2019/8/3 9:07:11
    收藏了，谢分享 回复
    。 0
    2019/7/16 9:20:34
    可以改成数字吗
        如风0
        2019/10/10 17:48:20
        应该可以的
    回复
    我叫八九0
    2019/7/9 15:10:37
    鼠?与你0
    2019/6/19 12:02:15
    空白式0
    2019/3/29 15:26:45
    能不能分享一个兼容ie8的.....
        What0
        2019/4/23 16:06:30
        微软都要放弃ie了，还是换浏览器吧
    回复
    看未来0
    2019/3/27 16:09:24
    这个挺好看的
        楠畅0
        2019/4/29 11:17:57
        好看不会做啊
    回复
    莫莫莫0
    2019/3/15 17:14:52
    好的 优秀了
        一0
        2019/3/25 14:53:16
        优秀
        　　0
        2021/4/4 16:29:37
        优秀
    回复
    琉璃0
    2019/3/1 22:35:31
    <!DOCTYPE html>
<lang html="en">

    <head>
        <title>视频练习</title>

        <head>
            <style>
                #contain{
                width:1325px;
                height:1000px;
                background-color:#CCCCCC;
                }
                #slider{
                width:600px;
                height:400px;}
            </style>
            <link rel="stylesheet" href="css/style.css">

        </head>

        <body>
            <div id="contain">
                <div id="slider">
                    <ul>
                        <li><img src="text1.jpg"></li>
                        <li><img src="text2.jpg"></li>
                        <li><img src="text3.jpg"></li>
                        <li><img src="text4.jpg"></li>
                    </ul>
                    <div>
                        <span> < </span>
                        <span> > </span>
                    </div>
                </div>
                <script>
                    slideLlx("slider");
                </script>
            </div>
        </body>

        </html>

    请问有什么问题

        西瓜0
        2019/3/1 23:06:49

        没有引用

        <script src="js/slide.js"></script>
        琉璃0
        2019/3/2 12:26:44

        发错了，已经加上了

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

        还是不行、

        西瓜0
        2019/3/2 12:58:05

        要调用相应的样式class="slide"，class="prev_btn"，class="next_btn"

        <div id="contain">
    <div id="slide" class="slide">
        <ul>
            <li><img src="img/1.png"></li>
            <li><img src="img/2.png"></li>
            <li><img src="img/3.png"></li>
            <li><img src="img/4.png"></li>
        </ul>
        <div> <span class="prev_btn"> < </span>
            <span class="next_btn"> > </span></div>
    </div>

</div>
        琉璃0
        2019/3/2 22:53:22
        谢谢西瓜这位老哥，已经可以了，好人一生平安.
    回复
    琉璃0
    2019/3/1 22:24:44
    飞天的zhu0
    2019/2/28 16:00:48
    ??一个假QQ???0
    2019/1/14 17:11:06
    不错
        飞天的zhu0
        2019/2/28 15:59:45
        好东西
    回复
    左0
    2018/12/21 10:43:32
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="css/style.css"> -->
    <!-- <link rel="stylesheet" href="css/zoomify.css"> -->
    <link rel="stylesheet" href="css/style_lunbo.css">
    <style>
    ul
    {
        width:100%;
    }
    </style>
</head>
<body>
        <div id="slide" >
                <ul>
                    <li><img src="../res/img/23.jpg"></li>
                    <li><img src="../res/img/24.jpg"></li>
                    <li><img src="../res/img/25.jpg"></li>
                    <li><img src="../res/img/22.jpg"></li>
                </ul>
                <div>
                    <span > < </span>
                    <span > > </span>
                </div>
            </div>
    <!-- <div class="example"> -->
        <!-- <img src="../res/img/55.jpeg" alt=""></div>
     -->
    <!--  -->
    
    <script>
        // $('.example img').zoomify();
        slideLlx("slide");//参数为字符串是外层容器的id,可以多次调用
    </script>
</body>
</html>

    我这个哪里错了？

        you are nobody0
        2018/12/26 8:36:34
        css样式换上了吗，ul的宽不用设置的
        you are nobody0
        2018/12/26 8:37:33
        js文件没有导入
    回复
    Aomine Daiki0
    2018/12/20 13:26:59
    看着挺好的
        日寸0
        2019/7/6 11:22:57
        看着挺好的
    回复
    web前端0
    2018/12/20 10:14:22

讨论这个项目（31）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复