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. 流媒体基础实践之——Nginx-RTMP-module 指令详解

    转载网址:http://blog.csdn.net/aoshilang2249/article/details/51483814

  2. 文件MD5校验

    1. 以前记得是在 msdn.itellyou.cn 上下载的 MD5 校验工具,应该是 IHasher,但是现在 msdn.itellyou.cn 上搜不到这个工具了... 2.

  3. C#操作Excel数据增删改查(转)

    C#操作Excel数据增删改查. 首先创建ExcelDB.xlsx文件,并添加两张工作表. 工作表1: UserInfo表,字段:UserId.UserName.Age.Address.CreateT ...

  4. show slave status

    Slave_IO_State: Waiting for master to send event                   Master_Host: 10.1.1.1             ...

  5. go分页

    简单的beego分页功能代码 一个简单的beego分页小插件(源代码在最下面): 支持条件查询 支持参数保留 支持自定义css样式 支持表/视图 支持参数自定义 默认为pno 支持定义生成链接的个数 ...

  6. js 高程（三）学习感言（随时更新）

    1.读第二遍了,感觉第一遍白读了. 2.现在还处于初学...

  7. OpenGL的glViewport视口变换函数详解[转]

    调用glViewPort函数来决定视见区域,告诉OpenGL应把渲染之后的图形绘制在窗体的哪个部位.当视见区域是整个窗体时,OpenGL将把渲染结果绘制到整个窗口. void glViewPort(G ...

  8. Java 7 命令/工具 jcmd 使用详细解释

    常见功能 列出 Java 进程 PID 以及 名称 列出进程的 thread dump 得到进程的 heap dump 得到进程的 JVM 参数 具体如下: 列出 Java 进程 PID 以及 名称 ...

  9. Linux定时任务Crontab详解_定时备份

    文章来源:http://blog.chinaunix.net/uid-7552018-id-182133.html 今天做了个数据库的备份脚本,顺便系统得学习一下Linux下定时执行脚本的设置.Lin ...

  10. android下调用C,JNI调用

    1.eclipse中声明调用的C函数  com.example.test.MainActivity public native long RucMyfunction(int w,int h,int[] ...