改造系统alert
/*************************************************************************
* 改造系统alert
* param str 传入要弹出的str
* pos 弹出的位置 1
* 2
* 3
* return false
*************************************************************************/
window.alert = function (str, pos) {
if (document.getElementById("tAlert") || !str) {
return false;
}
var position = '';
var pos = pos || 1;
var tAlert_wrap = document.createElement("div");
tAlert_wrap.setAttribute("id", "tAlert");
tAlert_wrap.style.textAlign = "center";
tAlert_wrap.style.position = "fixed";
tAlert_wrap.style.zIndex = "100";
switch (pos) {
case 1:
position = '10%';
break;
case 2:
position = '40%';
break;
case 3:
position = "65%";
break;
default:
position = "10%";
break;
}
tAlert_wrap.style.top = position;
tAlert_wrap.style.width = "100%";
document.getElementsByTagName("body")[0].appendChild(tAlert_wrap);
var tAlert_in = document.createElement("div");
tAlert_in.style.padding = "0.125rem 0.4375rem";
tAlert_in.style.maxWidth = "6.25rem";
tAlert_in.style.zIndex = "99";
tAlert_in.style.fontSize = "0.375rem";
tAlert_in.style.textShadow = "none";
tAlert_in.style.display = "inline-block";
tAlert_in.style.lineHeight = "0.5rem";
tAlert_in.style.backgroundColor = "#000000";
tAlert_in.style.color = "#ffffff";
tAlert_in.style.borderRadius = "0.1875rem";
tAlert_in.style.opacity = "0.8";
tAlert_in.style.wordBreak = "break-all";
tAlert_in.textContent = str;
document.getElementById("tAlert").appendChild(tAlert_in);
setTimeout(function () {
document.getElementsByTagName("body")[0].removeChild(tAlert_wrap);
}, 2000);
return false;
}
牛了个逼,改造后,弹出会更美丽。弹出会自动关闭。弹出的位置可以自动调整。
改造系统alert的更多相关文章
- 清除ios系统alert弹出框的域名
清除ios系统alert弹出框的域名 <script> window.alert = function(name) { var iframe = document.createElemen ...
- 李学斌:论复杂系统中的应用间协作V3
说明 本文主要讨论了巨型复杂业务系统的一种构建思路,力图实现决策意志的快速.准确.一致的下传并简化实施成本提供实施效率.通过全业务领域的即时流程编排,实现全网业务IT系统的快速建设与迭代.本文所讲的方 ...
- java web SSO单点登录
第一篇: Web应用系统的演化总是从简单到复杂,从单功能到多功能模块再到多子系统方向发展. .当前的大中型Web互联网应用基本都是多系统组成的应用群,由多个web系统协同为用户提供服务. 多系统应用群 ...
- js构建ui的统一异常处理方案(一)
从早期从事基于java的服务器端开发,再到之后从事基于web和js的ui开发,总体感觉基于web页面的ui开发远不如服务器端健壮.主要是早期ie浏览器功能太弱小,很多业务被迫放到服务器端去实现,浏览器 ...
- 弹层组件-layer
layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上 ...
- 《深入理解Windows Phone 8.1 UI控件编程》基于最新的Runtime框架
<深入理解Windows Phone 8.1 UI控件编程>本书基于最新的Windows Phone 8.1 Runtime SDK编写,全面深入地论述了最酷的UI编程技术:实现复杂炫酷的 ...
- Windows Server 2008 下ASP程序连接ORACLE数据库驱动错误
今天开发那边升级.改造系统过程中,在测试服务器碰到关于ASP程序连接ORACLE数据库的小问题,虽然是小问题,但是整起来真要命啊,花了不少时间,主要是ASP程序啊,这种上古神器,哥还是当年毕业的时候弄 ...
- 【转】成功在AMD主机上用虚拟机安装原版雪豹
转载地址:http://www.jzh.me/archives/205.html/comment-page-1 一直都很想安装苹果的系统,当雪豹出来的时候就更加想了,但是自己的机器是AMD的,而且还是 ...
- Storm入门学习随记
推荐慕课网视频:http://www.imooc.com/video/10055 ====Storm的起源. Storm是开源的.分布式.流式计算系统 什么是分布式呢?就是将一个任务拆解给多个计算机去 ...
随机推荐
- js 技巧 (十)广告JS代码效果大全 【2】
2.[鼠标感应] 与前面一个代码不同的是,当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码: function bigshow(){ docume ...
- MySQL 快速入门教程
转:MySQL快速 入门教程 目录 一.MySQL的相关概念介绍 二.Windows下MySQL的配置 配置步骤 MySQL服务的启动.停止与卸载 三.MySQL脚本的基本组成 四.MySQL中的数据 ...
- Android Studio配置Esri ArcGIS
1.Android Studio中新建项目: 2.打开project根目录下的build.gradle文件 repositories { jcenter() // Add the following ...
- LeetCode1---两数之和
import java.util.Arrays;import java.util.HashMap;import java.util.Map; /** *功能描述 :两数之和 * @author lkr ...
- 90-Standard Deviation 标准离差指标.(2015.7.4)
Standard Deviation 标准离差指标 ~计算: StdDev = SQRT (SUM (CLOSE - SMA (CLOSE, N), N)^2)/N 注解: SQRT - 正方体根: ...
- I - DFS(依然是漫水填充)
Description There is a rectangular room, covered with square tiles. Each tile is colored either red ...
- STM32F407 正点原子 资料网址记录
网络资源 资源下载: http://www.openedv.com/thread-13912-1-1.html (注意下载资料的版本!非常推荐腾讯视频,因为可以在线免费倍速播放.课件ppt可以单独下载 ...
- java中检测-在运行时指定对象是否是特定类的一个实例---关键字 instanceof
java 中的instanceof 运算符是用来在运行时指出对象是否是特定类的一个实例.instanceof通过返回一个布尔值来指出,这个对象是否是这个特定类或者是它的子类的一个实例. if(requ ...
- 2017ccpc 杭州Master of Sequence
Problem K. Master of SequenceTherearetwosequencesa1,a2,··· ,an, b1,b2,··· ,bn. LetS(t) =∑n i=1⌊t−bi ...
- cache and database
This article referenced from http://coolshell.cn/articles/17416.html We all know that high concurren ...