演示地址:http://www.htmleaf.com/Demo/201607213761.html
代码使用:多少文化网站
js插件下载:webticker.zip
代码展示:

    <div class="pnglist">
        <ul id="webTicker">
            <li>
                <img src="图片" alt=""> </div>
            </li>
       
        </ul>
    </div>
    $("#webTicker").webTicker({
    moving: true,
    height: '260px',
    startEmpty: false,
    duplicate: false,
    speed: 60,
    updatetype: 'update'
});
.pnglist {
    width: 100%;
    height: 300px;
    /* height: 150px;
    overflow: hidden; */
}
.pnglist ul {
    position: relative;
    overflow: hidden;
    float: left;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 2544px;
    transition-timing-function: linear;
    transition-duration: 4.28s;
}
.pnglist li {
    /* white-space: nowrap; */
    
    white-space: nowrap;
    float: left;
    padding: 0px 7px;
    line-height: 150px;
    /* background-color: #09f; */
}
.pnglist img {
    width: 320px;
    height: 260px;
}
Last modification:December 8th, 2020 at 02:40 pm
如果觉得我的文章对你有用,请随意赞赏