jQuery MiniUI

标题: mini.alert的一个问题 [打印本页]

---

作者: 524966159    时间: 2013-10-26 10:19:48     标题: mini.alert的一个问题

我记得有那个在屏幕的右上角提示一句话，比如说“请不要多次点击”，然后过1至2秒自动消失，不需要客户去点确定，这个怎么弄？谢谢！

---

作者: factory    时间: 2013-10-28 09:28:49

用mini.message()来做,里面放个html,并且用JS来控制内部显示内容,和关闭时间
html:

1. <div id="htmlContent" style="padding-left:10px;display:none;">
   
2.         <div>请不要多次点击</div>
   
3.         <div id="count">3</div>
   
4.     </div>

复制代码

JS:

1. mini.parse();
   
2.     var htmlContent = document.getElementById("htmlContent");
   
3.     var time = parseInt(document.getElementById("count").innerHTML);
   
4.     function htmlClick() {
   
5.         htmlContent.style.display = "";
   
6.         var win = mini.showMessageBox({
   
7.             width: 250,
   
8.             title: "关闭",
   
9.             html: htmlContent,
   
10.             showModal: false,
    
11.             callback: function (action) {
    
12.                
    
13.             }
    
14.         });
    
15.         var s = setInterval(function () {
    
16.             time -= 1;
    
17.             document.getElementById("count").innerHTML = time
    
18.             if (time == 0) {
    
19.                 clearInterval(s);
    
20.                 mini.hideMessageBox(win);
    
21.             }
    
22.         }, 1000)
    
23.         
    
24. 
    
25.     }

复制代码

大概是这个样子

---

作者: 524966159    时间: 2013-11-12 23:41:31

factory 发表于 2013-10-28 09:28
用mini.message()来做,里面放个html,并且用JS来控制内部显示内容,和关闭时间
html:JS:大概是这个样子 ...

这个有没有例子之类的？

---

作者: felt    时间: 2013-11-13 09:40:41

524966159 发表于 2013-11-12 23:41
这个有没有例子之类的？

2楼的代码你复制下来不就是了么。
其他的demo参考http://www.miniui.com/demo/#src=messagebox.html

---

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

Powered by Discuz! X2