您的位置：首页 > 其它

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

2009-03-14 23:09 447 查看
前段时间，在做一个抽奖活动的时候，美工把界面做的很美观，而我的程序里面弹出微软自带的对话框跟界面完全不相配，于是在网上找了下相关的组件，真是天助我也！找到了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>");

就这几步，就完成了弹出漂亮对话框的效果来了。哈哈！但是有一个问题，不得不说，这个东西虽然好看，但是会影响系统的性能，建议那些对系统性能要求很高的不要轻易的使用。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航