渐变的alert_模仿新浪邮箱的alert渐变的提示框
以下为引用的内容:
网页教学网Webjx.Com 提供最新最快的网页技术
*{
margin:0;padding:0;
}
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
function sAlert(txt){
var eSrc=(document.all)?window.event.srcElement:arguments[1];
var shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute";
shield.style.left = "0px";
shield.style.top = "0px";
shield.style.width = "100%";
shield.style.height = document.body.scrollHeight+"px";
shield.style.background = "#333";
shield.style.textAlign = "center";
shield.style.zIndex = "10000";
shield.style.filter = "alpha(opacity=0)";
shield.style.opacity = 0;
var alertFram = document.createElement("DIV");
alertFram.id="alertFram";
alertFram.style.position = "absolute";
alertFram.style.left = "50%";
alertFram.style.top = "50%";
alertFram.style.marginLeft = "-225px" ;
alertFram.style.marginTop = -75+document.documentElement.scrollTop+"px";
alertFram.style.width = "450px";
alertFram.style.height = "150px";
alertFram.style.background = "#ccc";
alertFram.style.textAlign = "center";
alertFram.style.lineHeight = "150px";
alertFram.style.zIndex = "10001";
strHtml = "
- \n";
strHtml += "
[系统提示]\n";
strHtml += "
"+txt+"\n";
strHtml += "
\n";
strHtml += "
\n";
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram);
document.body.appendChild(shield);
this.setOpacity = function(obj,opacity){
if(opacity>=1)opacity=opacity/100;
try{ obj.style.opacity=opacity; }catch(e){}
try{
if(obj.filters.length>0&&obj.filters("alpha")){
obj.filters("alpha").opacity=opacity*100;
}else{
obj.style.filter="alpha(opacity=\""+(opacity*100)+"\")";
}
}catch(e){}
}
var c = 0;
this.doAlpha = function(){
if (++c > 20){clearInterval(ad);return 0;}
setOpacity(shield,c);
}
var ad = setInterval("doAlpha()",1);
this.doOk = function(){
//alertFram.style.display = "none";
//shield.style.display = "none";
document.body.removeChild(alertFram);
document.body.removeChild(shield);
eSrc.focus();
document.body.onselectstart = function(){return true;}
document.body.oncontextmenu = function(){return true;}
}
document.getElementById("do_OK").focus();
eSrc.blur();
document.body.onselectstart = function(){return false;}
document.body.oncontextmenu = function(){return false;}
}
渐变的alert_模仿新浪邮箱的alert渐变的提示框相关推荐
- 破解sina新浪邮箱密码
这里我们采用sina新浪邮箱密码破解工具进行破解.关于QQ,微信,网络等问题可加技术人员QQ.616 99 58.邮箱密码破解工具是邮箱密码破解软件.破解器的统称.我们选择新浪邮箱密码破解工具好了,现 ...
- Linux上的服务器无法调用新浪邮箱发送邮件
问题背景: 在web网站开发中,有许多功能的实现需要发送邮件,比如用户的密码找回功能,可能就需要通过服务器向用户的注册邮箱发送验证码邮件来实现.而发送邮件功能可以通过很多方式实现,比如HTML中的ma ...
- web实验新浪邮箱、下拉小说列表、验证用户登录
html.css.js 新浪邮箱 下拉小说列表 验证用户登录 新浪邮箱 1.制作以下的新浪 邮箱登录界面: 要求: 1)首先给文本框制作细边框样式,当鼠标放在文本框上时,输入框的边框颜色发生变化,当鼠 ...
- 华为手机自带邮箱如何添加新浪邮箱账号
1.登录PC端新浪邮箱 2.打开POP3设置 3.保存 4.华为自带邮箱,新增新浪邮箱账号和密码,确认即可. 转载于:https://www.cnblogs.com/cqxjzh/p/10997842 ...
- selenium新浪邮箱注册句柄切换实战
多窗口切换,新浪邮箱注册界面 from selenium import webdriver import time as t driver = webdriver.Chrome() driver.ma ...
- html注册新浪邮箱代码,JS仿新浪邮箱点击联系人添加Email地址
新浪邮箱添加功能 var ev={}; var flyDiv="bxAddrFly"; var inceptDiv="SendAddress"; var add ...
- flask 发送新浪邮箱邮件
邮件的用处很多,如注册时验证用户.找回密码.线上程序出现重大bug时触发邮件提醒以及服务器关键数据(CPU.网络.内存)监控提醒等 安装使用邮件的依赖包 pip install Flask-Mail ...
- 邮箱功能开发总结(以新浪邮箱为例子)
一.注册新浪邮箱 1.1选择设置 1.2对邮箱设置进行设置 二.idea中操作 2.1引入mail依赖 <dependency><groupId>org.springframe ...
- 为什么用新浪邮箱收不到Github注册的验证邮件???
注册时首先确保邮箱地址等各项信息没有问题,但是为什么找不到邮件呢???点了重新发送还是没收到??? 这里不难看出新浪邮箱对部分邮件的"选择性"屏蔽.不得不说是有点恶心的,我只能认为 ...
最新文章
- 项目福利政策报名 | 项目启动资金、股权投资、住房购房补贴
- oracle数据库作业1,北京语言20秋《Oracle数据库开发》作业1(100分)
- 特别篇 :从 0 开始创作云原生应用 (殷达)
- c# 备份oracle waitforexit()方法死锁,ProcessStartInfo挂在“WaitForExit”上?为什么?
- 腾讯2016春招之算法编程解析
- HITOJ 2662 Pieces Assignment(状压DP)
- VGG16—perceptual loss in keras感知损失【Keras】
- 店铺流量下跌应该如何解决
- MTK6762 安卓 4g 核心板不同配置区别对比
- 机器学习——模型的评估方法速查手册(RMSE+RSE+MAE+RAE+R^2)
- APP支付支付签名验证失败
- 如何用python制作三维动画_python-如何在m??atplotlib中更新3D箭头动画
- Kali/Ubuntu GVM (openvas)安装及使用
- 【SCI论文写作】笔记五:Writing in the Sciences -Unit5
- 神奇宝贝HTML游戏代码,《我的世界》神奇宝贝召唤神兽指令代码大全
- 通用 Mapper @KeySql 注解 genId 方法详解
- android模拟登陆,Android模拟登录V2EX
- Prometheus监控实战系列十七:探针监控
- 数据中心市场或迎新变局,华为数字能源、中金数据“一起向未来”
- Android - 获取移动端设备ID标识,分情况