这个网站是一个用于展示数字、倒计时以及走马灯效果的在线工具。它使用jQuery库和Swiper.js库来实现这些功能。
数字跳动:在页面加载完成后,会显示一个包含”per”类的元素(可能是一个计数器或者时间戳),并使用countUp插件进行倒计时设置,例如,倒计时10秒后显示剩余的时间(800毫秒)。
走马灯效果:通过创建一个新的Swiper实例,并传入相关参数,可以实现图片的滑动显示。其中,’.cor-swiper-box’是容器元素,’centeredSlides’: true使得当前显示的图片居中显示,’slidesPerView’: 4表示每组显示4张图片,’freeMode’: true允许从第一张到最后一张或者从最后一张到第一张循环播放,’autoplay’: true表示自动播放,’speed’: 3600表示每秒显示一帧。
时间递减效果:通过在页面上创建一个名为’head-out-d’的元素,每天递减一次,可以模拟时间的流逝。具体实现细节需要查看完整的代码才能理解。