• 凝聚着中国智慧中国创造的中国核电将创造更多的中国辉煌。 2019-04-16
  • 高清:四川品胜男篮备战新赛季CBA 2019-04-14
  • 最贵清与奇:冯今松的花鸟图谱 2019-03-29
  • 清明假期山西旅游综合收入37.96亿 接待游客807.22万人次 2019-03-29
  • 马来西亚客机乌俄边界被击落 2019-03-28
  • SUV正常行驶中8个气囊全部弹开 司机吓得跳车逃生 2019-03-28
  • 庆祝人民日报创刊70周年系列访谈之温宪 2019-03-25
  • 琼结强钦青稞酒文化节明日开幕 精彩内容抢先看! 2019-03-25
  • 房产--山西频道--人民网 2019-03-19
  • 川藏兵站部官兵在执行任务中传播党的声音 2019-03-19
  • 第十二届长春消夏节16日启幕 一大波活动等你参与 2019-01-12
  • 比利时VS巴拿马首发公布 卡拉拉斯、维特塞尔中超双子星在列 2019-01-12
  • 那仑

    浙江十一选五开奖结果:很漂亮的jQuery左下角消息提示框插件jquery.toast.js

    上传于 两年前| 提示工具|网页特效 |14808 |557
    很漂亮的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);
    
        立即下载 ( 文件大?。?em>0.05 M)

      浏览器兼容性

      1. IE 9
      2. Mozilla Firefox
      3. Google Chrome
      4. Oper
      5. Safari

      技术讨论区

      1. 请先登录

          发 布

      键盘快捷键: 上一个 下一个

    • 凝聚着中国智慧中国创造的中国核电将创造更多的中国辉煌。 2019-04-16
    • 高清:四川品胜男篮备战新赛季CBA 2019-04-14
    • 最贵清与奇:冯今松的花鸟图谱 2019-03-29
    • 清明假期山西旅游综合收入37.96亿 接待游客807.22万人次 2019-03-29
    • 马来西亚客机乌俄边界被击落 2019-03-28
    • SUV正常行驶中8个气囊全部弹开 司机吓得跳车逃生 2019-03-28
    • 庆祝人民日报创刊70周年系列访谈之温宪 2019-03-25
    • 琼结强钦青稞酒文化节明日开幕 精彩内容抢先看! 2019-03-25
    • 房产--山西频道--人民网 2019-03-19
    • 川藏兵站部官兵在执行任务中传播党的声音 2019-03-19
    • 第十二届长春消夏节16日启幕 一大波活动等你参与 2019-01-12
    • 比利时VS巴拿马首发公布 卡拉拉斯、维特塞尔中超双子星在列 2019-01-12