logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

为 Drupal 介绍 Flipdown 倒计时模块

Created date: 02/09/2025

我们很高兴宣布发布一个全新的 Drupal 模块,适合那些希望在网站中添加时尚、带动画倒计时器的人:Flipdown。这个模块将 Peter Butcher 开发的流行 FlipDown JavaScript 库 引入 Drupal 生态系统,让你无需编写一行 JavaScript,就能轻松在网站任何位置插入漂亮的翻页式倒计时。

FlipDown 倒计时
FlipDown 倒计时

什么是 Flipdown?

Flipdown 是一个轻量、优雅且高性能的纯 JavaScript 倒计时库。它具有以下特性:

  • 💡 轻量级 —— 无需 jQuery!压缩后小于 11KB
  • ⚡ 高性能 —— 动画由 CSS 过渡驱动
  • 📱 响应式 —— 在各种尺寸屏幕上都能完美运行
  • 🎨 可定制主题 —— 使用内置主题,或添加你自己的主题
  • 🌍 国际化 —— 可根据语言自定义标题

Drupal 模块提供了什么?

Drupal Flipdown 模块无缝集成了这个库到你的 Drupal 网站中。功能包括:

  • 自定义倒计时区块:通过 Drupal 区块布局系统轻松放置倒计时。

  • 可配置的目标日期/时间:在区块设置界面直接设置倒计时的到期时间。

  • 多实例支持:可在不同页面或布局中添加任意多个倒计时。

  • 无需编码:所有 FlipDown 功能都通过 Drupal 管理界面配置,无需写代码。

  • 响应式设计:Flipdown 计时器在移动端和桌面端都能优雅缩放。

使用场景

  • 产品活动宣传活动设置发布倒计时

  • 显示限时优惠的到期时间

  • 电商结账增加紧迫感

  • 追踪网站维护升级的倒计时

如何开始

  1. Drupal.org/flipdown 安装模块

  2. 在“扩展”页面启用模块

  3. 通过区块布局界面添加新的 Flipdown 区块

  4. 设置目标时间戳并保存

  5. 观看时钟以炫酷的方式开始倒计时!

对于开发人员,该模块还支持自定义主题和深度集成,你可以手动调用 FlipDown API 或构建高级用户体验流程。

🔗 了解更多

访问官方模块页面:https://www.drupal.org/project/flipdown

试用在线演示并在我们的网站了解更多:https://drupalbook.org