如何使用 jQuery Mobile 创建一个 Transitions 弹出窗口?
jQuery Mobile是一种基于 Web 的技术,用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中,我们将使用jQuery Mobile创建一个转换弹出按钮。
方法:添加项目所需的 jQuery 移动脚本。
弹出元素不包含任何类型的过渡。通过将 data-transition属性添加到引用弹出窗口的链接,可以将转换添加到弹出元素。反向转换用于关闭弹出窗口。
示例 1:
HTML
GeeksforGeeks
Design a Transitions Popup using jQuery Mobile
No transition
Fade
Pop
Turn
Flip
It is an example of popup transition.
HTML
GeeksforGeeks
Design a Transitions Popup using jQuery Mobile
Flow
Slide
Slidefade
Slide up
Slide down
It is an example of popup transition.
输出:
示例 2:
HTML
GeeksforGeeks
Design a Transitions Popup using jQuery Mobile
Flow
Slide
Slidefade
Slide up
Slide down
It is an example of popup transition.
输出: