一个纯js对话框弹出组件

#alert插件# 不依赖任何库类的纯js插件

##效果示例##

##使用方法##

<script src="./alert.js"></script> <script> alert({title:'温馨提示',content:'您好 , 欢迎光临'}); </script>

##演示地址## demo

##兼容性##

IE6+ IE6中不支持position:fixed,所以IE6中使用position:absolute

##知识点## 在ie8及以下版本的浏览器,不能这样动态设置css:

var sty = document.createElement('style'); sty.innerHTML = "#xiaoyi-close-a{position:absolute;}"; document.head.appendChild(sty);

需要这样:

var sty = document.createElement('style'); var styTxt = "#xiaoyi-close-a{position:absolute;}"; sty.type = "text/css"; if(sty.styleSheet){ sty.styleSheet.cssText = styTxt; }else{ sty.innerHTML = styTxt; } document.getElementsByTagName('head')[0].appendChild(sty);

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。