zoukankan      html  css  js  c++  java
  • js的alert和confirm美化

    转载:http://www.cnblogs.com/kewei/p/4423112.html

    --前言--

    window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果。

    --设计思路--

    为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert、confirm、open、close等。win.alert等的对话框弹出层,使用iframe作底层,确保对话框在ie7以下版本时也能把select标签覆盖在底下,这些对话框在弹出之后,是不会阻塞脚本运行的,所以win.alert等函数都提供一个回调参数,在对话框关闭或选择之后触发这个回调参数,函数原型如下:

    win.alert = function (title, message, closed) { ...}  // alert

    win.confirm = function (title, message, selected) {...} //  confirm

    win.open = function (width, height, title, url, closed) {...} // 弹出页面对话框

    --成果展示--

    --相关下载--

     win.js和例子

  • 相关阅读:
    编写SASS代码
    表单
    动画和变形
    图片多媒体
    基本概念
    弹性布局
    HTML和CSS概述
    页面的制作过程
    盒子定位体系
    css盒子
  • 原文地址:https://www.cnblogs.com/51net/p/4899454.html
Copyright © 2011-2022 走看看