jQuery MiniUI

标题: mini.open可以设置动画效果吗 [打印本页]

---

作者: aa850062467    时间: 2022-8-4 17:27:15     标题: mini.open可以设置动画效果吗

例如从下往上弹出

---

作者: aa850062467    时间: 2022-8-4 17:42:16

win.showAtPos("center","bottom");
只能设置显示的位置。我想增加个动画效果。例如jq的 slideDown(100)

---

作者: felt    时间: 2022-8-5 09:03:56

aa850062467 发表于 2022-8-4 17:42
win.showAtPos("center","bottom");
只能设置显示的位置。我想增加个动画效果。例如jq的 slideDown(100) ...

目前不支持动画效果

---

作者: aa850062467    时间: 2022-8-8 09:58:26

felt 发表于 2022-8-5 09:03
目前不支持动画效果

好吧，我换div去实现吧。谢谢

---

作者: czh0221    时间: 2022-12-3 14:35:32

aa850062467 发表于 2022-8-8 09:58
好吧，我换div去实现吧。谢谢

如果仅仅是打开时的动画效果，大概有一个调整的方向，可以mini.open({cls:"ec-fade-in"}); Css 动画。也可由左，由右等相应的进入动画效果。
但是关闭时由于div 元素结构的问题，没有办法使用CSS动画效果。

1. @keyframes fade-in { 0% { opacity: 0.2; }  50% { opacity: 0.5; }  100% { opacity: 1; }}
   
2. @-webkit-keyframes fade-in { 0% { opacity: 0.2; }  50% { opacity: 0.5; }  100% { opacity: 1; } }
   
3. .ec-fade-in {
   
4.     animation: fade-in;
   
5.     animation-duration: 0.5s;
   
6.     -webkit-animation: fade-in 1s;
   
7. }

复制代码

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2