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. SQL笔记(1)索引/触发器

    --创建聚集索引 create clustered index ix_tbl_test_DocDate on tbl_test(DocDate) GO --创建非聚集索引 create nonclus ...

  2. [转载] TCP协议缺陷不完全记录

    原文: http://www.blogjava.net/yongboy/archive/2015/05/07/424917.html tcp是一个非常复杂并且古老的协议, 之前教科书上将的很多东西应用 ...

  3. SQL 调优专题总结

    oracle 的优化器: oracle 有两种优化器:基于规则的优化器(rbo/rule based optimizer)和基于代价的优化器(cbo/cost based optimizer). 有时 ...

  4. 1503 - A PRIMARY KEY must include all columns in the table's partitioning function

    1503 - A PRIMARY KEY must include all columns in the table's partitioning function 错误的原因:表的主键字段必须包含分 ...

  5. numpy库的常用知识

    为什么有numpy这个库呢?准安装的Python中用列表(list)保存一组值,可以用来当作数组使用,不过由于列表的元素可以是任何对象,因此列表中所保存的是对象的指针.这样为了保存一个简单的[1,2, ...

  6. 原生js实现的效果

    原生js实现tooltip提示框的效果   在js的世界里面,每一个小的特效都那么微不足道,却又那么的令人向往与好奇.前端工程师的任务特别高大上,因为他们的一个小小的设计就会激发别人的求知欲.比如说我 ...

  7. activity去标题栏操作&保留高版本主题

    方式一:每个类都需要去添加此代码 在setContentView(R.layout.activity_splash); 前设置以下代码 requestWindowFeature(Window.FEAT ...

  8. php中的 == 和 ===

    == 是等值 1 和  ‘1’ 是相等的 === 要等值并且类型相等,比如 1 和  ‘1’ 是不相等的,只有 ‘1’ 和 ‘1’ 是相等的.哈哈哈. http://ihacklog.com/post ...

  9. Sqoop安装配置及数据导入导出

    前置条件 已经成功安装配置Hadoop和Mysql数据库服务器,如果将数据导入或从Hbase导出,还应该已经成功安装配置Hbase. 下载sqoop和Mysql的JDBC驱动 sqoop-1.2.0- ...

  10. python and java

    著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.作者:kula链接:http://www.zhihu.com/question/29690505/answer/67149864来源 ...