PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 网页特效 > 时间日期 > 正文

    jquery实现数字时钟无缝滚动

    作者:admin来源:网络浏览:时间:2020-10-24 21:11:49我要评论
    分享到

    内容介绍

    前几天看到一个数字时钟滚动的效果,但是有一个缺陷,就是从9滚到0的时候很奇怪,是从9>8>7>...>0滚回来的。
    觉得有点遗憾,于是就重新写了一下,以实现数字时钟无缝滚动。
    思路如下:
    1.讲两张数字图片排成竖排,无缝连接;
    2.第一张图滚到9时,继续用animate()滚到第二张0的位置,结束后立刻用css()滚到第一张的0位置,这样就偷偷把第二张换成了第一张,之后继续向后滚动.,所以就实现了无缝滚动;
    本站所有特效都是站长亲自测试后发布的,如果运行代码无效果,请复制到您的本机运行
    运行代码 复制代码 另存代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
    转载请注明(B5教程网)原文链接::https://b5.mxunkeji.com/content-93-235-1.html
    相关热词搜索:
    下一篇:js倒计时