`
ynb007
  • 浏览: 8269 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

一个简单的自定义alert方法

阅读更多
本文仅仅是为了记住过去经常用到却又总是要重新编写的一些代码片段和一些个人想法,仅此而已。
下面是代码:
注:请先引入jquery库
window.alert = function(msg){
		var config = {
				fontSize:'12px',
				backgroundColor:'#696969',
				fontColor:'#FFFFFF',
				borderRadius:'30px',
				border:'solid 1px #696969',
				padding:'5px 15px'
		};
		var $alertPanel = $("#alertPanel263");
		if($alertPanel.length>0){
			$alertPanel.find("span").html(msg);
		}else{
			var html = new Array();
			html.push('<div id="alertPanel263" style="display:none;position:fixed;width:100%;bottom:20%;text-align:center;z-index:9999999">')
			html.push('<span style="padding:'+config.padding+';border:'+config.border+';font-size:'+config.fontSize+';font-weight: bold;background-color:'+config.backgroundColor+';color:'+config.fontColor+';border-radius:'+config.borderRadius+';-moz-border-radius:'+config.borderRadius+';-webkit-border-radius:'+config.borderRadius+'">')
			html.push(msg)
			html.push('</span></div>');
			$alertPanel = $(html.join(''));
			$("body").append($alertPanel);
		}
		$alertPanel.stop().fadeIn('fast').delay(8000).fadeOut('slow');
	};
0
1
分享到:
评论

相关推荐

    自定义Alert

    我们可以创建一个UIAlertController实例,然后使用addTextFieldWithConfigurationHandler方法添加自定义的文本字段,或者直接设置其view属性来添加复杂的视图。例如: ```swift let alertController = ...

    自定义alert样式

    创建一个隐藏的div元素作为自定义alert的基础,可以包括标题、内容和关闭按钮等部分。例如: ```html &lt;div id="custom-alert" class="hidden"&gt; &lt;div id="alert-content"&gt; &lt;button id="alert-close"&gt;关闭 ``` 2....

    自定义alert提示框

    在IT行业中,自定义Alert提示框是一个常见的需求,特别是在开发用户界面时,为了提供更加个性化和符合品牌风格的用户体验。通常,系统自带的alert对话框样式单一,难以满足设计和功能上的扩展要求。本篇文章将深入...

    html自定义alert提示框

    有时候感觉系统自带的提示框太丑了,试试自定义提示框吧,直接引用js即可

    自定义alert 弹框 弹窗

    自定义alert 弹框 弹窗 公用的alert.jsp的页面 引用直接使用 还可根据实际需要做修改,修改系统自带的弹框样式,有alertError 和alertSuccess两种样式

    自定义Alert,Freamwork

    在我们的自定义Alert中,可以提供一个便捷的方法,接受这两个参数,快速创建一个带有标题和消息的Alert实例。 其次,对于更复杂的场景,我们可能需要完全自定义View。例如,可能需要添加图片、滑块、开关等交互元素...

    Jquery自定义alert_confirm

    以下是一个简单的实现: ```javascript $(document).ready(function() { // 自定义警告对话框 $("#showAlert").click(function() { var message = "这是一个自定义的警告消息!"; var alertBox = $(...

    jquery 自定义alert提示框

    有时候感觉系统自带的提示框太丑了,试试jquery自定义提示框吧,可以自适应手机,要先引用jquery

    自定义js_Alert

    本文将通过一个具体的示例来探讨如何实现一个具有更多定制功能的自定义`alert`对话框。 #### 二、自定义JS Alert的特点 - **自定义标题**:用户可以根据需要设置对话框的标题。 - **关闭按钮**:对话框右上角提供...

    自定义alert弹出框

    自定alert弹出框,自己可以做相应的修改、美化

    ios-自定义Alert显示通知.zip

    在iOS开发中,自定义Alert显示通知是一种常见的用户交互方式,用于向用户传达重要的信息或者进行简单的交互。本文将深入探讨如何在项目中实现自定义Alert,并基于“ios-自定义Alert显示通知.zip”文件中的...

    自定义弹出框样式 alert修改

    传统的JavaScript `alert`方法虽然简单易用,但其样式固定且无法自定义,这在追求用户体验和界面美观的现代Web应用中显得不够灵活。因此,本文将详细介绍一种方法来实现自定义样式的弹出框,不仅能够提高用户交互...

    自定义的Alert-Flex4

    通过以上步骤,你可以在Flex 4环境中创建一个功能丰富、视觉效果独特的自定义Alert组件。这不仅可以提高项目的用户体验,还能更好地满足项目需求。在实践中,你可能需要根据具体的需求不断调整和完善,但以上提供的...

    swift-Alert封装自定义弹窗

    调用自定义Alert通常非常简单,例如: ```swift let alert = Alert(title: "提示", message: "这是一个自定义弹窗") alert.addAction(UIAlertAction(title: "确定", style: .default, handler: nil)) present...

    自定义window.alert对话框JS代码

    2. `alert.js`:这是一个JavaScript文件,它是实现自定义alert对话框的核心。在这个文件中,开发者可能会定义新的函数来替代`window.alert()`,同时包含CSS样式和事件处理,以实现所需的交互效果和视觉设计。 ...

    自定义弹出框(改进后的windows alert)

    标题 "自定义弹出框(改进后的windows alert)" 暗示了本文将讨论如何创建一个自定义的对话框,以替代系统默认的 `alert` 函数,提供更为丰富的功能和更好的用户体验。通常,系统默认的 `alert` 对话框只有简单的...

    自定义alert弹出框(闭包)

    用闭包的技术实现alert 弹出框效果,样式可以自己添加调整,使弹出框更加有弹性。更多变灵活

    自定义alert

    自定义alert,js重写alert事件

    ios中自定义alert view,并实现动画组合

    自定义Alert View意味着我们需要从头构建一个视图,这包括设置视图的大小、形状、颜色以及包含的按钮和其他元素。我们可以使用UIView或者其子类来实现这一目标。在描述中提到的开源例子,很可能是通过创建一个UIView...

Global site tag (gtag.js) - Google Analytics