• 第一堂音频党课在一大会址开讲 超50万人在线收听 2019-08-23
  • 科教 —频道 春城壹网 七彩云南 一网天下 2019-08-13
  • 女子有才也是德,京城何时有女子学校? 2019-08-03
  • 赢了荣耀!输了呢?俄队是赢多还是输多呢? 2019-07-29
  • “00后”选专业别只盯“爆款” 2019-07-20
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-07-20
  • 荆州全力推进“四路三桥”建设 前5月累计完成投资178亿元 2019-07-16
  • 妄议!唯才是用就好,管它什么孙子儿子!美国有老布什小布什两位总统,美国就不是民主国家了? 2019-07-16
  • 提升双创教育质量的关键在机制协同 2019-07-08
  • 而接盘的广大中小投资者则亏损累累,中国资本市场被伤害得连连熊市,这才是真正需要监管的却无人过问,这种制度缺陷只能加剧两极分化, 2019-06-04
  • 中国地铁获赞相关新闻 2019-05-29
  • 萨利赫身伤心又伤 这个生日太苦涩 2019-05-27
  • 冯提莫被挪用公款会计打赏 律师无法强制退钱 2019-05-18
  • 长治城区签约8个转型项目 2019-05-18
  • 世界杯冷门为何这么多? 2019-05-13
  • 那仑

    山东11选五走势图结果: 很漂亮的jQuery左下角消息提示框插件jquery.toast.js

    上传于 3年前 | 提示工具 | 网页特效 | 15475 |584
    很漂亮的jQuery左下角消息提示框插件jquery.toast.js3655
     体彩11选五走势图 www.fqft.net 一款可自由配置的jQuery消息提示框插件。
    不仅仅是左下角,可以任意配置提示层的位置。
    该消息提示框可以自定义背景和前景色,提示框的位置,提示框的显示时间,提示框的动画效果等。
    
    
    使用方法
    在页面中引入jquery.toast.css文件,jquery和jquery.toast.js文件。
    
    <link type="text/css" rel="stylesheet" href="css/jquery.toast.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.toast.js"></script>         
    
    初始化插件 简单文本的消息提示框:
    // Non sticky version
    $.toast("Lorem ipsum dolor sit amet...")
    // Sticky version
    $.toast({
      text : "Lorem ipsum dolor sit amet...",
      hideAfter : false
    })     
    
    使用HTML标签的消息提示框:
    // Non sticky
    $.toast("Let's test some HTML stuff... <a href='#'>github</a>")
    // sticky
    $.toast({
      text : "<strong>Remember!</strong>",
      hideAfter : false
    })  
    
    使用数组作为列表元素的消息提示框:
    $.toast(["Ubuntu : One of it's kind", "Sublime Text : Productivity unleashed", "HeidiSQL : Just love it", "Github : Just Lovely"])
    // Sticky version
    $.toast({
      text : ["Ubuntu : One of it's kind", "Sublime Text : Productivity unleashed", "Github : Just Lovely"],
      hideAfter : false
    })   
    
    配置参数 自定义动画:
    $.toast({ 
      text : "Let's test some HTML stuff... <a href='#'>github</a>", 
      showHideTransition : 'slide'  // It can be plain, fade or slide
    })     
    
    自定义消息提示框的样式:
    $.toast({ 
      text : "......", 
      showHideTransition : 'slide',
      bgColor : 'blue',
      textColor : '#eee',
      allowToastClose : false,
      hideAfter : 5000,
      stack : 5,
      textAlign : 'left',
      position : 'bottom-left'
    })     
    
    text:消息提示框的内容。 showHideTransition:消息提示框的动画效果??扇≈担簆lain,fade,slide。 bgColor:背景颜色。 textColor:文字颜色。 allowToastClose:是否显示关闭按钮。 hideAfter:设置为false则消息提示框不自动关闭。设置为一个数值则在指定的毫秒之后自动关闭消息提示框。 stack:消息栈。 textAlign:文本对齐:left, right, center。 position:消息提示框的位置:bottom-left 、 bottom-right 、 bottom-center 、 top-left 、 top-right 、 top-center 、 mid-center。 重置消息提示框
    var myToast = $.toast('Some toast that needs to be removed.');
    myToast.reset();
    
    可以通过下面的方法来重置所有的消息提示框:
    $.toast().reset('all');   
    
    更新消息提示框 你可以通过下面的方法来更新页面上的消息提示框:
    var myToast = $.toast({
      text : 'Some toast that needs to show the success message after the ajax call.',
      hideAfter : false,
      bgColor : '#E01A31'
    });
     
    window.setTimeout(function(){
      myToast.update({
        text : '<strong>Updated after a few seconds</strong>',
        bgColor : '#23B65D'
      });
    }, 5000);
    

    技术讨论区(0 个讨论)

    1. 请先登录

        发 布
  • 第一堂音频党课在一大会址开讲 超50万人在线收听 2019-08-23
  • 科教 —频道 春城壹网 七彩云南 一网天下 2019-08-13
  • 女子有才也是德,京城何时有女子学校? 2019-08-03
  • 赢了荣耀!输了呢?俄队是赢多还是输多呢? 2019-07-29
  • “00后”选专业别只盯“爆款” 2019-07-20
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-07-20
  • 荆州全力推进“四路三桥”建设 前5月累计完成投资178亿元 2019-07-16
  • 妄议!唯才是用就好,管它什么孙子儿子!美国有老布什小布什两位总统,美国就不是民主国家了? 2019-07-16
  • 提升双创教育质量的关键在机制协同 2019-07-08
  • 而接盘的广大中小投资者则亏损累累,中国资本市场被伤害得连连熊市,这才是真正需要监管的却无人过问,这种制度缺陷只能加剧两极分化, 2019-06-04
  • 中国地铁获赞相关新闻 2019-05-29
  • 萨利赫身伤心又伤 这个生日太苦涩 2019-05-27
  • 冯提莫被挪用公款会计打赏 律师无法强制退钱 2019-05-18
  • 长治城区签约8个转型项目 2019-05-18
  • 世界杯冷门为何这么多? 2019-05-13
  • 香港赛马会开奖日期 广东彩票26选5 计算器竞彩胜平负玩法 澳洲幸运5开奖历史查询 单人上阵猜特玛是什么生肖 彩报第三版图 浙江12选5 sg飞艇平台推荐 时时彩豹子历史记录 ag真人视讯网址 新浪彩票客户端抵扣券 辽宁十一选五走势图全 竟猜让球胜平负技巧 新浪彩票图表频道 彩票杀号规律计算公式