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

最新推荐文章于 2020-11-09 21:03:40 发布

weixin_30469895

最新推荐文章于 2020-11-09 21:03:40 发布

阅读量116

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xieyue881119/archive/2009/03/14/1412120.html

本文介绍了一种用于美化网页对话框的ymPrompt组件。通过简单几步即可实现自定义样式的消息提示框，适用于各种抽奖活动等场景。但应注意其可能对系统性能的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

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

<head>

</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>");

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

转载于:https://www.cnblogs.com/xieyue881119/archive/2009/03/14/1412120.html