javascript – 如何连续获取HTML中的多个滚动图像

这是我的整个代码HTML和CSS

这是滚动图像的CSS.

 ottom: -45px;
    }

    /*keyframe animations*/
    .first {
        -webkit-animation: bannermove 30s linear infinite;
           -moz-animation: bannermove 30s linear infinite;
            -ms-animation: bannermove 30s linear infinite;
             -o-animation: bannermove 30s linear infinite;
                animation: bannermove 30s linear infinite;
    }

    @keyframes "bannermove" {
     0% {
        margin-left: 0px;
     }
     100% {
        margin-left: -2125px;
     }

    }

    @-moz-keyframes bannermove {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }

    @-webkit-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }

    @-ms-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }

    @-o-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }



    .photobanner img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .photobanner img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        cursor: pointer;

        -webkit-Box-shadow: 0px 3px 5px rgba(0,0.2);
        -moz-Box-shadow: 0px 3px 5px rgba(0,0.2);
        Box-shadow: 0px 3px 5px rgba(0,0.2);
    }
    

这是HTML代码

如果有可能通过javascript或Jquery,我可以发送链接

您可以查看此链接以便快速查看…

http://designshack.net/tutorialexamples/photobanner/index.html

最佳答案

这可能是您可能正在寻找的库

http://logicbox.net/jquery/simplyscroll/

这个库需要jQuery,使用起来很舒服.
希望这对你有所帮助.