css设置弹出信息,javaScript自定义alert弹出信息窗口

1.弹出消息,带关闭按钮[点击演示]

2.弹出成功信息,1秒后自动关闭[点击演示][点击演示]

3.弹出失败信息,1秒后自动关闭[点击演示][点击演示]

4.综合应用 xcsoft.alert('内容','error|success|show',秒数)

操作说明:

1.需要载入jquery,如果页面上不载入jquery,则使用xcsoft.jquery(),即可自动载入 [函数使用说明]

xcsoft.jquery();//自动加载jquery

xcsoft.jquery(function(e){

//此处和jquery中的$(function(){})一致,即加载完后执行

xcsoft.initialize();//添加此代码可实现按ESC键关闭弹出窗口

});

2.关于弹出窗口的小图标可以css样式中设置

#xcsoftAlert .error{background:url(http://www.xcsoft.cn/public/images/info.png) 0 -32px; }

#xcsoftAlert .show{background:url(http://www.xcsoft.cn/public/images/info.png) 0 -64px; }

#xcsoftAlert .success{background:url(http://www.xcsoft.cn/public/images/info.png);}

3.以下参数为默认值,可自行修改xcsoft.second=1000;//默认1秒后退出

xcsoft.gradual=200;//0.2秒的淡入淡出

xcsoft.rebound=50;//弹窗默认向上移动50像素

xcsoft.clickHide=false;//自动退出状态时,是否启动点击立即退出

//以下参数为本插件默认全部参数,可全修改,或者单个修改

//如:xcsoft.alertparam.show.background="#f00";

//如:xcsoft.alertparam.error={borderColor:"#ff0",borderWidth:'10px'}

xcsoft.alertparam={

borderColor:"rgba(0,144,228,0.8)",

borderWidth:"5px",

background:"#fff",

showColor:"#0090e4",

errorColor:"#f00",

successColor:"#390",

show:{

borderColor:"#0090e4",

borderWidth:"5px",

background:"#fff",

color:'#0090e4'

error:{

borderColor:"#f00",

borderWidth:"5px",

background:"#fff",

color:'#f00'

success:{

borderColor:"#390",

borderWidth:"5px",

background:"#fff",

color:'#390'

}

4.后续版本...

标签

按键盘左右方向键可快速浏览上一篇(←)、下一篇(→)

css设置弹出信息,javaScript自定义alert弹出信息窗口相关推荐

java右键弹出菜单_javascript自定义右键弹出菜单实现方法
本文实例讲述了javascript自定义右键弹出菜单实现方法.分享给大家供大家参考.具体实现方法如下: 无标题页 var oPopup = window.createPopup(); function ...
html alter自动弹出,javascript封装alert()弹出框
由于各个浏览器之间的差异,弹出框不一样,这有影响页面的布局,所以自己就用原声js封装了一个alert弹出框,希望对有需求的有所帮助... ` alert function ok() { alert(' ...
手把手教你做抽奖转盘（自定义alert()弹出框）
<!DOCTYPE html> <html lang="zh-cn"><head><meta charset="UTF-8&qu ...
手把手教你做抽奖转盘（自定义alert(弹出框
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! < ...
sumo通过设置线圈检测器来收集自定义的道路车辆信息
总需求:需要获得特定地点,某一时段的车流量等信息输出是sumo官方traci文档翻译而来,图片不全,建议看官网链接https://sumo.dlr.de/docs/Simulation/Output ...
python自动化弹框_Python+webdriver自动化脚本弹出框定位
弹窗类型:弹出框有两种: 页面弹出框(可定位元素能操作)----div-- Windows弹出框(不能直接定位)----alert,confirm,prompt-- 一.页面弹出框 div弹窗不需要切 ...
JavaScript - JavaScript自定义弹出对话框
本脚本使用自定义的浮动窗口替代浏览器自己的对话框,效果非常不错.包含Error | Warning | Success | Prompt 四个对话框窗口兼容性:IE6+ FireFox2+ Oper ...
JavaScript三种弹出框（alert，confirm和prompt）
JavaScript三种弹出框(alert,confirm和prompt)用法举例 http://blog.csdn.net/lucky51222/article/details/45604681 我 ...
javascript－－弹出对话框四种对话框获得用户输入值 .
让用户点击确定取消.让用户输入值.打开指定窗口 alert("message") confirm("message") prompt("messag ...
利用Javascript的“函数重载”实现自定义Alert样式
默认的Alert只有一个简单的对话框,而且无法自定义样式!有时候弹出的提示需要很详尽,并且显得有些冗长,那么如何让用户直接看到重点信息呢?因为系统自带的Alert无法编辑样式所以我们只好自己重新定义一 ...

css设置弹出信息,javaScript自定义alert弹出信息窗口

css设置弹出信息,javaScript自定义alert弹出信息窗口相关推荐

最新文章

热门文章