alert功能界面升级ymPrompt消息提示组件

  前段时间,在做一个抽奖活动的时候,美工把界面做的很美观,而我的程序里面弹出微软自带的对话框跟界面完全不相配,于是在网上找了下相关的组件,真是天助我也!找到了ymPrompt消息提示组件。做出来的效果图如下:

   下面来介绍下这中组件的的用法。

1,先下载ymPrompt组件,点击这里下载文件: ymPrompt4.0.rar 。

2,解压后,把skin文件夹拷到你的css文件夹里面,把ymPrompt.js文件拷到你的js文件夹中。

3,下面就是页面引入js和css文件夹,在

<head>

<script type="text/javascript" src="js/ymPrompt.js"></script> 
 <link rel="stylesheet" type="text/css" href="css/skin/qq/ymPrompt.css" />

 </head>

3,在页面使用,<input id="input1" onclick="ymPrompt.alert('显示的内容','宽度,要是不想设可以传null','高度要是不想设可以传null','标题',回调函数);"要是你只需要弹出简单的对话框提示用户,可以不设回调函数。如果需要用户点击的状态,确定/取消/关闭按钮被点击时会触发该回调函数并传入点击的按钮标识。如ok代表确定,cancel代表取消,close代表关闭 ,这样就可以作相应的处理。但是我们在实际的开发中,可能不能这样用,因为我们用的是服务器控件的button,我们在程序的判断中需要弹出来,这样就需要, 我们可以写一个通用的方法,传入一个弹出要显示的内容,

Response.Write("<script type='text/javascript' src='js/ymPrompt.js'></script> ");

Response.Write("<script type='text/javascript'>ymPrompt.alert('" + title + "',null,null,'抽奖活动');</script>");

就这几步,就完成了弹出漂亮对话框的效果来了。哈哈!但是有一个问题,不得不说,这个东西虽然好看,但是会影响系统的性能,建议那些对系统性能要求很高的不要轻易的使用。

posted @ 2009-03-14 23:09 破碎的梦 阅读(2839) 评论(10) 编辑 收藏

 回复 引用   
#1楼2009-03-14 23:15 | xmq[未注册用户]
人家都出到3.1了。。。。
http://www.xue163.com/html/20081230/1125535.html

 回复 引用 查看   
#3楼[楼主]2009-03-14 23:24 | 破碎的梦      
呵呵!我的错!我就是用的2.0版本的,刚看了一下,是到了4.0了,但是用法都是一样的!我还是来更新一下下载地址!谢谢这位老兄!
 回复 引用 查看   
#4楼2009-03-15 00:06 | chenkai      
hehe
其实这个很简单 如果自己的JavaScript真能烂熟到心
自己写个库以及参数来调用 其实也未尝不可
最新版本已经到4.0了 是2月16最近更新的 功能更强大了

 回复 引用 查看   
#5楼2009-03-15 01:52 | 心悦      
hehe

 回复 引用 查看   
#6楼2009-03-15 16:54 | 侯垒      
我有一个问题就是,如果这个是服务器按钮,我点击按钮,显示确认,我确认后,执行按钮事件,否则不执行。
问题是:我点按钮,它刷新了。

 回复 引用 查看   
#7楼[楼主]2009-03-15 22:47 | 破碎的梦      
@侯垒
这时你需要用这个弹出框了,ymPrompt.confirmInfo('信息确认框内容',null,null,'标题',回调函数),你要自己写js回调函数,ok代表确定,cancel代表取消,close代表关闭,明白了吗?

 回复 引用 查看   
#8楼2009-04-04 22:58 | billrobin      
兄弟,一模一样的方法,有些在2008中能用,有些就不能,为什么呢?
 回复 引用 查看   
#9楼[楼主]2009-04-06 21:48 | 破碎的梦      
@billrobin
呵呵!兄弟,麻烦请说的具体点好吗?

 回复 引用 查看   
#10楼2012-01-06 14:35 | NewSea.      
效果不错, 但性能太差.