demo

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8" />

        <title></title>

        <style>

            body{

                margin: 0;

                padding: 0;

            }

        </style>            

        <link rel="stylesheet" href="css/jquery.prompt.css" media="all" />

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

        <script type="text/javascript" src="js/jquery.prompt.js"></script>

        <script>

            $(function () {

                /*var prompt = $('.prompt');

                prompt.css({

                'marginLeft': -prompt.width(),

                'marginTop': -prompt.height()

                });*/

                $('a').click(function () {

                    var index = $(this).index('a');

                    switch (index) {

                        case 0:

                            {

                                $.prompt('设置成功思密达', 'success', 2000, function () {

                                    alert('已完成事件');

                                });

                                break;

                            }

                        case 1:

                            {

                                $.prompt('设置失败思密达', 'error', 2000, function () {

                                    alert('已完成事件');

                                });

                                break;

                            }

                        case 2:

                            {

                                $.prompt('更改已完成思密达', 'information', 2000, function () {

                                    alert('已完成事件');

                                });

                                break;

                            }

                        case 3:

                            {

                                $.prompt('由于您的操作太没有节操，设置完全失败思密达', 'warning', 5000, function () {

                                    alert('已完成事件');

                                });

                                break;

                            }

                    }

                    return false;

                });

            });

        </script>

    </head>

    <body>

        <a href="">success</a>

        <a href="">error</a>

        <a href="">information</a>

        <a href="">warning</a>

    </body>

</html>

jquery.prompt.js代码

(function (T) {

    T.extend({

        prompt: function (text, type, times, callback) {

            (function (element) {

                if (!!element) {

                    element = $(element.join('')).appendTo('body');

                    element.css({

                        'marginLeft': -((element.width() + 25 * 2 /*padding*/ + 2 /*border*/ ) /2),

                        'marginTop': -((element.height() + 14 * 2 /*padding*/ + 2 /*border*/) /2 )

                    });

                    element.fadeIn();

                    times = times || 2000;

                    setTimeout(function () {

                        if (!!element) {

                            element.fadeOut(function () {

                                element.remove();

                                !!callback && callback();

                            });

                        }

                    }, times);

                }

            })(['<div class="prompt"><i class="', type, '"></i><span>', text, '</span></div>']);

        }

    });

})(jQuery);

又一个提示框思密达，腾讯UED的更多相关文章

  1. （兼容IE6）又一个提示框思密达，腾讯UED 201401242352

    找乐子 仿QQ空间的,先来看下,别嫌代码垃圾,业余菜鸟一个,用到的话就当个乐子就行了 注意: 因为有同学说需要IE6便做了一下. 已经处理了IE6,可测试. 腾讯的东西,感觉还好吧:) 使用方法老简单 ...

  2. css画一个提示框

    用css画一个如下图的提示框: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  3. jQuery第二课 点击弹出一个提示框

    选择器允许您对元素组或单个元素进行操作. jQuery 选择器 在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例. 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元 ...

  4. iOS 开发自定义一个提示框

    在开发的时候,会碰到很多需要提示的地方,提示的方法也有很多种,ios 8 以前的版本有alertview还是以后用的alertController,都是这种作用, 但是不够灵活,而且用的多了,用户体验 ...

  5. delphi 怎么实现主窗口退出时，有一个提示框？

    无论点窗口上的[按钮]还是[右上角的叉],能出现一个提示窗口,“是”-退出窗口,“否”-重新登录(调出登录窗口),“取消”-返回.MessageBox能实现吗?还是要调用新窗口(我调用窗口,有些错误) ...

  6. windows程序设计 新建一个提示框程序

    1.鼠标右键项目名称,添加->新建项目. 2.选择.cpp,将文件名改成.c文件.点击添加. 3.在.c文件里面输入代码. #include <windows.h> //hInsta ...

  7. 转~~~ DIV+CSS实现三角形提示框

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel= ...

  8. DIV+CSS实现左侧带三角形的提示框

    实现效果

  9. winform下自绘提示框风格窗体

    昨天分享了一个环形滚动条控件,今天分享一个提示框风格的窗体.代码如下: /// <summary> /// 继承自Form,但将FormBorderStyle设置为None /// < ...

随机推荐

  1. 数据结构B树

    B树 即二叉搜索树: 1.所有非叶子结点至多拥有两个儿子(Left和Right): 2.所有结点存储一个关键字: 3.非叶子结点的左指针指向小于其关键字的子树,右指针指向大于其关键字的子树: 如: B ...

  2. [转载] 文件系统vs对象存储——选型和趋势

    原文: http://www.testlab.com.cn/Index/article/id/1082.html#rd?sukey=fc78a68049a14bb2699b479d5e730f6f45 ...

  3. JavaScript基于对象(面向对象)<一>类和对象

    javascript中一切皆对象,比如:Array,Date.....这些都是对象.javascript中没有class的定义,function既是定义函数,也可以是定义类.function Obj( ...

  4. zoj2589Circles（平面图的欧拉定理）

    链接 连通图中: 设一个平面图形的顶点数为n,划分区域数为r,一笔画笔数为也就是边数m,则有: n+r-m=2 那么不算外面的那个大区域的话 就可以写为 n+r-m = 1 那么这个题就可以依次求出每 ...

  5. MyISAM与InnoDB的索引实现

    1.MyISAM 使用B+Tree 作为索引结构,叶子节点的data存放指针,也就是记录的地址.对于主键索引和辅助索引都是一样的.2.InnoDB 也使用B+Tree作为索引结构,也别需要注意的是,对 ...

  6. python使用open经常报错：TypeError: an integer is required的解决方案

    错误是由于从os模块引入了所有的函数导致的,os模块下有一个open函数,接受整型的文件描述符和打开模式,from os import *引入os模块的open函数,覆盖了python内建的open函 ...

  7. JavaWeb学习总结（八）—Cookie

    1.什么叫Cookie Cookie翻译成中文是小甜点,小饼干的意思.在HTTP中它表示服务器送给客户端浏览器的小甜点.其实Cookie就是一个键和一个值构成的,随着服务器端的响应发送给客户端浏览器. ...

  8. iOS 开发之照片框架详解(2)

    一. 概况 本文接着 iOS 开发之照片框架详解,侧重介绍在前文中简单介绍过的 PhotoKit 及其与 ALAssetLibrary 的差异,以及如何基于 PhotoKit 与 AlAssetLib ...

  9. iOS 的 Safari 文件上传功能详解

    iOS 6 给 Safari 浏览器带来的另外一个功能是文件上传,终于 Safari 终于支持 input 输入框的文件类型了,并且还支持 HTML媒体捕获(HTML Media Capture). ...

  10. 注意字段类型是varchar2的时候是需要加长度的

    注意字段类型是varchar2的时候是需要加长度的,如下: alter table a add username varchar2(32); 注意以下是错误的: alter table a add u ...