评论:原生JS响应式无限循环轮播图(原创)  [查看原文]

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

 34376  305  30
当前第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
    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

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

取消回复