function show_main(content) {
var showWindow = '<div id="show_main" style="border:1px solid #000000;color: beige;
              height:40px;width:160px;position:fixed;top:50%;left:50%;
              margin-left:-80px;margin-top:-20px;z-index:999;border-radius: 7px;
              text-align:center;line-height:40px;filter:alpha(opacity=30);
              -moz-opacity:0.3; opacity:0.3;background-color:#000000;">'
             + content + '</div>';
if ($("#show_main").length != 0) {
$('#show_main').remove();
}
$("body").append(showWindow); $("#show_main").fadeOut(2000, removeShow_main);
}
function removeShow_main() {
var t = setTimeout($('#show_main').remove(), 2500);
}
调用:
<a href="#" onclick="show_main('操作成功!')" >按钮</a>

注解:
1、居中样式:
  top:50%;
  left:50%;
  margin-left:-80px;/*宽度的一半*/
  margin-top:-20px;/*高度的一半*/
2、透明样式:
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  opacity:0.3;/*三个均为透明,针对不同的浏览器做兼容,0~1,1为不透明,0完全透明*/

另:
fixed跟absolute很相似,区别为:fixed不会随屏幕滚动,absolute会随屏幕滚动

最新文章

  1. Yii2的深入学习--别名(Aliases)
  2. PHP中空字符串介绍0、null、empty和false之间的关系
  3. HDU-2604_Queuing
  4. Queue and Message
  5. C# App.config文件的使用
  6. Unity5.0 手动激活
  7. 实现Word的列表样式
  8. @property属性关键字
  9. MongoDB基本命令随便敲敲
  10. 物理Data Guard主备切换步骤
  11. 输入 URL 到页面完成加载过程中的所有发生的事情?
  12. JS学习笔记Day9
  13. MyEclipse 2015 Stable 2.0破解方法
  14. unity中多个门的开关动画保持独立性
  15. Go语言如何判断一个chan被关闭
  16. c++ 格式字符串说明
  17. tp5 base64 图片上传
  18. KVM使用入门
  19. pyspark遇到报错:_PYSPARK_DRIVER_CONN_INFO_PATH
  20. SpringMVC注解@RequestParam与RequestMapping全面解析

热门文章

  1. Ruby中任务构建工具rake的入门学习教程
  2. Mybatis中的大于等于和小于等于
  3. POJ1077 Eight —— IDA*算法
  4. css清除浮动float的七种常用方法总结和兼容性处理
  5. vue中显示和隐藏导航
  6. 书写优雅的shell脚本(六)- shell中的命令组合(&amp;&amp;、||、())
  7. [Selenium] 使用自定义的FirefoxProfile
  8. C# 利用Aspose.Words .dll将本地word文档转化成pdf(完美破解版 无水印 无中文乱码)
  9. 量子纠缠2——CHSH不等式
  10. sprintf系列函数