首页 日常生活 社交礼仪 美容健身 电脑网络 手机技巧 电子数码 废物利用
首页 > 电脑网络 > 网站建设 > 一个基于jQuery类拟alert提示信息的小插件详情

一个基于jQuery类拟alert提示信息的小插件

  • 2015-12-09 16:08:29
  • 阅读:...

    一个简单的jQuery提示信息小插件,非高端,UI效果也比较丑,将就能用吧。下面是具体的用法,也可以直接查看demo页面

    基本使用

simpleAlert('基本的提示内容');

    标准使用

simpleAlert({
    title: '只支持成功、失败两种形式的UI', //标题
    infos: '我是描述', //描述
    type: 1, // 1:成功,0:失败
    ico: true //是否显示图标
});

    所有可配置参数

simpleAlert({
    title: '我是标题', //标题
    infos: '我是描述', //描述
    type: 1, // 1:成功,0:失败
    ico: true, //是否显示图标
    okBtn: { //显示确定按钮
        text: '现在就提交',
        style: 'font-size:24px;'
    },
    cancelBtn: { //显示取消按钮
        text: '不支持自定义按钮',
        style: 'color:red;'
    },

    lock: true, //锁定背景层内容,默认为true
    background: '#ff6600', //锁定层背景,值必须为HLS类型且不能简写 #000写成#000000,默认为#000000
    opacity: 0.3, //锁定层透明度,默认为0.3
    zIndex: 1000, //层深
    wrapClass: '', //添加一个样式名
    afterCloseCallback: function() {
        console.log(this);
        alert('关闭了');
    },
    submitCallback: function() {
        console.log(this);
        alert('提交');
    },
    cancelCallback: function() {
        console.log(this);
        alert('取消');
    }
});

    这样干好么???

window.alert = simpleAlert;
alert('这样干好么???');

下载该插件JS

    对于我来说这篇文章不是重点,甚至说这个插件都不是重点,重点是加深了IE浏览器中的setExpression了解,该方法可以给HTML元素的样式对象添加表达式,有下面三种用法:

    1、在JS代码中给某个CSS属性值设置表达式

    object.style.setExpression(sPropertyName, sExpression, sLanguage)

    2、直接在HTML标签上设置某个CSS属性的表达式

    <element style="sAttributeName:expression(sExpression)">

    这种形式也可以在CSS样式中定义:

    .test{ height: expression(document.documentElement.style.fontSize + 222); font-size:20px; background:#ddd;}

    3、object.setExpression(sPropertyName, sExpression, sLanguage)

    而使用最多就是前面两种,属性sAttributeName的值等于表达式sExpression的计算结果,在IE6中实现fixed效果就会用到。

    有添加一般就有删除,removeExpression(String sPropertyName)方法可以删除表达式,sPropertyName为要删除的属性名

    返回true表示删除成功;false删除失败

    关键的来了,当给某元素添加了某个属性表达式,如果表达式中包含documentElement.scrollLeft,随即在没有removeExpression的情况下删除该元素后,IE6就会报object required错误。具体什么原因我也不清楚,希望有知道的朋友告诉下。

相关文章推荐:

1.利用Js或Css滤镜实现IE6中PNG图片半透明效果 IE6PNG妥妥的

网站建设热点文章