bootstrap提示框定时消失_Bootstrap4信息提示框关闭不了的原因资源-CSDN文库

共6个文件

js：2个

css：2个

html：2个

bootst

jquery

需积分: 46 10 浏览量 2019-03-29 13:49:58 上传评论收藏 55KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

toastr.rar （6个子文件）

toastr

toastr.min.js 5KB

demo.html 14KB

jquery.min.js 90KB

anniu.html 2KB

toastr.min.css 6KB

bootstrap.min.css 103KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>toastr examples</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href="https://cdn.bootcss.com/bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.bootcss.com/toastr.js/2.1.4/toastr.min.css" rel="stylesheet" type="text/css" /> <style> .row { margin-left: 0; } </style> </head> <body class="container"> <section class="row"> <h1>toastr</h1> <div class="well row"> <div class="row"> <div class="span4"> <div class="control-group"> <div class="controls"> <label class="control-label" for="title">Title</label> <input id="title" type="text" class="input-large" placeholder="Enter a title ..." /> <label class="control-label" for="message">Message</label> <textarea class="input-large" id="message" rows="3" placeholder="Enter a message ..."></textarea> </div> </div> <div class="control-group"> <div class="controls"> <label class="checkbox" for="closeButton"> <input id="closeButton" type="checkbox" value="checked" class="input-mini" />Close Button </label> </div> <div class="controls"> <label class="checkbox" for="addBehaviorOnToastClick"> <input id="addBehaviorOnToastClick" type="checkbox" value="checked" class="input-mini" />Add behavior on toast click </label> </div> <div class="controls"> <label class="checkbox" for="debugInfo"> <input id="debugInfo" type="checkbox" value="checked" class="input-mini" />Debug </label> </div> <div class="controls"> <label class="checkbox" for="progressBar"> <input id="progressBar" type="checkbox" value="checked" class="input-mini" />Progress Bar </label> </div> <div class="controls"> <label class="checkbox" for="preventDuplicates"> <input id="preventDuplicates" type="checkbox" value="checked" class="input-mini" />Prevent Duplicates </label> </div> <div class="controls"> <label class="checkbox" for="addClear"> <input id="addClear" type="checkbox" value="checked" class="input-mini" />Add button to force clearing a toast, ignoring focus </label> </div> <div class="controls"> <label class="checkbox" for="newestOnTop"> <input id="newestOnTop" type="checkbox" value="checked" class="input-mini" />Newest on top </label> </div> </div> </div> <div class="span2"> <div class="control-group" id="toastTypeGroup"> <div class="controls"> <label>Toast Type</label> <label class="radio"> <input type="radio" name="toasts" value="success" checked />Success </label> <label class="radio"> <input type="radio" name="toasts" value="info" />Info </label> <label class="radio"> <input type="radio" name="toasts" value="warning" />Warning </label> <label class="radio"> <input type="radio" name="toasts" value="error" />Error </label> </div> </div> <div class="control-group" id="positionGroup"> <div class="controls"> <label>Position</label> <label class="radio"> <input type="radio" name="positions" value="toast-top-right" checked />Top Right </label> <label class="radio"> <input type="radio" name="positions" value="toast-bottom-right" />Bottom Right </label> <label class="radio"> <input type="radio" name="positions" value="toast-bottom-left" />Bottom Left </label> <label class="radio"> <input type="radio" name="positions" value="toast-top-left" />Top Left </label> <label class="radio"> <input type="radio" name="positions" value="toast-top-full-width" />Top Full Width </label> <label class="radio"> <input type="radio" name="positions" value="toast-bottom-full-width" />Bottom Full Width </label> <label class="radio"> <input type="radio" name="positions" value="toast-top-center" />Top Center </label> <label class="radio"> <input type="radio" name="positions" value="toast-bottom-center" />Bottom Center </label> </div> </div> </div> <div class="span2"> <div class="control-group"> <div class="controls"> <label class="control-label" for="showEasing">Show Easing</label> <input id="showEasing" type="text" placeholder="swing, linear" class="input-mini" value="swing" /> <label class="control-label" for="hideEasing">Hide Easing</label> <input id="hideEasing" type="text" placeholder="swing, linear" class="input-mini" value="linear" /> <label class="control-label" for="showMethod">Show Method</label> <input id="showMethod" type="text" placeholder="show, fadeIn, slideDown" class="input-mini" value="fadeIn" /> <label class="control-label" for="hideMethod">Hide Method</label> <input id="hideMethod" type="text" placeholder="hide, fadeOut, slideUp" class="input-mini" value="fadeOut" /> </div> </div> </div> <div class="span3"> <div class="control-group"> <div class="controls"> <label class="control-label" for="showDuration">Show Duration</label> <input id="showDuration" type="text" placeholder="ms" class="input-mini" value="300" /> <label class="control-label" for="hideDuration">Hide Duration</label> <input id="hideDuration" type="text" placeholder="ms" class="input-mini" value="1000" /> <label class="control-label" for="timeOut">Time out</label> <input id="timeOut" type="text" placeholder="ms" class="input-mini" value="5000" /> <label class="control-label" for="extendedTimeOut">Extended time out<

评论收藏

内容反馈