<!DOCTYPE html><html><head><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><meta charset="utf-8" /><title>jQuery提示框插件和弹出层插件 _Bootstrap模板库</title><meta name="keywords" content="jQuery插件,提示框插件,弹出层插件" /><meta name="description" content="精品jQuery提示框和弹出层插件,提供在线预览,下载jQuery提示框插件和弹出层插件就上Bootstrap模板库|bootstrapmb.com" /><link rel="Shortcut Icon" href="../content/images/fav.ico"><link href="../content/theme.css" rel="stylesheet"/><script src="../bundles/jquery.JS"></script><script type="application/ld+json">{ "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", "@id": "", "appid": "1598984465141572", "title": "jQuery提示框插件和弹出层插件 _Bootstrap模板库", "images": [ "http://imgs.bootstrapmb.com/2021/1/050937104s.png" ], "pubDate":"2021-01-18T16:08:43" }</script></head><body><div class="header"><div class="header_nav"><div class="fl"><div class="logo"><a href="../user/www_bootstrapmb_default_13.html" title="Bootstrap模板库">Bootstrap模板库</a></div><ul class="sys_nav"><li><a class="navhome" href="../user/www_bootstrapmb_default_13.html"><i class="icon icon-home"></i>首页</a></li><li class="cateall "><a class="nav " href="../muban.htm" title="Bootstrap模板分类"><i class="icon icon-muban"></i>模板</a><ul class="course_tip big" ><li class="course_tip_body"><a href="../muban/houtai.htm" ><i class="icon icon-nav_houtai"></i>后台管理</a><a href="../muban/qiye.htm"><i class="icon icon-nav_qiye"></i>企业网站</a><a href="../muban/canyin.htm"><i class="icon icon-nav_canyin"></i>餐饮娱乐</a><a href="../muban/chuangxin.htm"><i class="icon icon-nav_chuangyi"></i>创意作品集</a><a href="../muban/shouji.htm"><i class="icon icon-nav_shouji"></i>手机移动端</a><a href="../muban/feiyingli.htm"><i class="icon icon-nav_cishan"></i>非盈利组织</a><a href="../muban/geren.htm"><i class="icon icon-nav_geren"></i>个人网站/博客</a><a href="../muban/dianshang.htm" ><i class="icon icon-nav_shangcheng"></i>电子商务</a><a href="../muban/comingsoon.htm" ><i class="icon icon-nav_404"></i>即将上线/404</a><a href="../muban/hunli.htm" ><i class="icon icon-nav_hunli"></i>婚礼/婚纱摄影</a><a href="../muban/yiliao.htm"><i class="icon icon-nav_jiankang"></i>医疗/健康</a><a href="../muban/dashuju.htm"><i class="icon icon-nav_dashuju"></i>大数据</a></li></ul></li><li class="cateall"><a class="nav" href="../chajian.htm"><i class="icon icon-daima"></i>插件</a><ul class="course_tip big" ><li class="course_tip_body "><a href="loading.htm"><i class="icon icon-nav_loading"></i>加载和上传</a><a href="layer.htm"><i class="icon icon-nav_alert"></i>提示和弹出层</a><a href="media.htm"><i class="icon icon-nav_img"></i>图像和媒体</a><a href="nav.htm"><i class="icon icon-nav_caidan"></i>导航和菜单</a><a href="layout.htm"><i class="icon icon-nav_buju"></i>背景和布局</a><a href="time.htm"><i class="icon icon-nav_time"></i>时间</a><a href="form.htm"><i class="icon icon-nav_form"></i>表单和按钮</a><a href="select.htm"><i class="icon icon-nav_select"></i>选择和筛选</a><a href="slider.htm"><i class="icon icon-nav_sllider"></i>轮播和切换</a><a href="charts.htm"><i class="icon icon-nav_charts"></i>评级和图表</a><a href="css3.htm"><i class="icon icon-nav_css3"></i>CSS3动画</a><a href="svg.htm"><i class="icon icon-nav_svg"></i>SVG动画</a><a href="canvas.htm"><i class="icon icon-nav_canvas"></i>Canvas动画</a><a href="game.htm"><i class="icon icon-nav_jsgame"></i>JS小游戏</a><a href="vuejs.htm"><i class="icon icon-nav_vue"></i>vuejs插件</a><a href="apphtml.htm"><i class="icon icon-nav_shouji"></i>手机端页面</a><a href="jscss.htm"><i class="icon icon-nav_else"></i>其它</a></li></ul></li><li class="cateall"><a class="nav more" href="../source/wordpress.htm"><i class="icon icon-more"></i></a><ul class="course_tip small"><li class="course_tip_body"><a href="../source/dedecms.htm">dedecms模板</a><a href="../source/wordpress.htm">wordpress模板</a><a href="../popular.htm">当前最流行</a><a href="../activity.htm">活动列表</a></li></ul></li></ul></div><div class="fr"><div class="links_log"><a class="btnlogin" href="javascript:" title="登录"><i class="icon icon-user"></i></a></div></div></div></div><canvas id="d"></canvas><script src="http://www.bootstrapmb.com/Content/js/catebg.js"></script><div class="boot_query_fast"><div class="search-wrap"><form method="get" class="search-form" action="../search.htm"><input type="text" name="keyword" class="search-text" placeholder="搜索Bootstrap插件" autocomplete="off" /><buton type="button" class="search-button"><i class="icon icon-sousuo" title="搜索"></i></buton><div class="search-bg"></div></form><div class="search-sug"></div></div><h1>共174个提示框和弹出层插件</h1></div><div class="main"><div class="item-list tip_empty"><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9458" target="_blank"><img alt="js多用途弹出窗口插件" class="cover" src="http://imgs.bootstrapmb.com/2021/1/050937104s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/querenkuang">确认框</a><a href="http://www.bootstrapmb.com/tag/motaichuangkou">模态窗口</a><a href="http://www.bootstrapmb.com/tag/danchumotai">弹出模态</a><a href="http://www.bootstrapmb.com/tag/jsdanchuang">js弹窗</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9458" target="_blank">js多用途弹出窗口插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> js多用途弹出窗口插件，有多种样式和效果的弹出模态窗口和确认框。</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：6天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.02M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9458"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9458" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9458/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9450" target="_blank"><img alt="消息提示层插件toast.js" class="cover" src="http://imgs.bootstrapmb.com/2021/1/041051270s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/jstongzhixiaoxi">js通知消息</a><a href="http://www.bootstrapmb.com/tag/jstishiceng">js提示层</a><a href="http://www.bootstrapmb.com/tag/xiaoxitishi">消息提示</a><a href="http://www.bootstrapmb.com/tag/cuowuxinxi">错误信息</a><a href="http://www.bootstrapmb.com/tag/toastjs">toastjs</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9450" target="_blank">消息提示层插件toast.js</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> toast.js是一款小而简单的JavaScript插件，可以创建网页提示消息(通知)4主题和6位置选项。调用方式toastr.message('Success Toast Message&#...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：9天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9450"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9450" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9450/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9448" target="_blank"><img alt="弹出模态窗口插件popop.js" class="cover" src="http://imgs.bootstrapmb.com/2021/1/040521117s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/modaldanchuang">modal弹窗</a><a href="http://www.bootstrapmb.com/tag/jsdanchu">js弹出</a><a href="http://www.bootstrapmb.com/tag/motaichuangkou">模态窗口</a><a href="http://www.bootstrapmb.com/tag/popopjs">popopjs</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9448" target="_blank">弹出模态窗口插件popop.js</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> popop.js是一个轻量级的JavaScript弹出插件，简化模态窗口适合任何内联内容定义。用原生JavaScript、CSS flexbox和CSS3过渡效果。</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：10天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.08M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9448"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9448" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9448/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9449" target="_blank"><img alt="ripplet.js按钮点击涟漪动画特效" class="cover" src="http://imgs.bootstrapmb.com/2021/1/040527222s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/lianyitexiao">涟漪特效</a><a href="http://www.bootstrapmb.com/tag/anniubolang">按钮波浪</a><a href="http://www.bootstrapmb.com/tag/rippletjs">Rippletjs</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9449" target="_blank">ripplet.js按钮点击涟漪动画特效</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> Ripplet.js是一个轻量级的JavaScript插件，设计灵感是涟漪特效，适用于任何使用CSS属性元素。主要特色高度可定制的。轻量级的,少于3 kb。可配置的动画。自定义触发元素。配置参数 {c...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：10天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9449"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9449" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9449/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9417" target="_blank"><img alt="网页js提示层插件ToastMaker.js" class="cover" src="http://imgs.bootstrapmb.com/2020/12/300436166s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/jstishiceng">js提示层</a><a href="http://www.bootstrapmb.com/tag/xuanfuceng">悬浮层</a><a href="http://www.bootstrapmb.com/tag/tishixiaoxi">提示消息</a><a href="http://www.bootstrapmb.com/tag/zidongguanbitishi">自动关闭提示</a><a href="http://www.bootstrapmb.com/tag/toastmakerjs">ToastMakerjs</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9417" target="_blank">网页js提示层插件ToastMaker</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> ToastMaker是一个轻量级(小于1 kb, gzip) JavaScript提示层插件，可以自动关闭悬浮层的js插件。基于调用方法ToastMaker('这里添加消息内容');可...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：17天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.03M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9417"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9417" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9417/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9416" target="_blank"><img alt="一款漂亮的提示信息alert插件Notyf.js" class="cover" src="http://imgs.bootstrapmb.com/2020/12/300415178s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/jsjingbao">js警报</a><a href="http://www.bootstrapmb.com/tag/tongzhixiaoxi">通知消息</a><a href="http://www.bootstrapmb.com/tag/alertchajian">alert插件</a><a href="http://www.bootstrapmb.com/tag/tishixinxi">提示信息</a><a href="http://www.bootstrapmb.com/tag/youxiajiaotishi">右下角提示</a><a href="http://www.bootstrapmb.com/tag/notyfjs">Notyfjs</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9416" target="_blank">一款漂亮的提示信息alert插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> Notyf是一个非常小的和易于使用的JavaScript插件，用于显示警报/成功通知消息在网页上。响应迅速、方便使用。调用非常简单var notyf = new Notyf();notyf.alert...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：18天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.02M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9416"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9416" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9416/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9403" target="_blank"><img alt="企业部门人员组织结构图css代码" class="cover" src="http://imgs.bootstrapmb.com/2020/12/251136330s.jpg"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/cssjiagoutu">css架构图</a><a href="http://www.bootstrapmb.com/tag/cssjiegoutu">css结构图</a><a href="http://www.bootstrapmb.com/tag/gongsibumenfenhuafen">公司部门分划分</a><a href="http://www.bootstrapmb.com/tag/renyuanzuzhijiegou">人员组织结构</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9403" target="_blank">企业部门人员组织结构图css代码</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> 企业部门人员组织结构图css代码，纯css样式实现的部门划分、管理岗位职位划分等架构图。</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：18天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9403"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9403" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9403/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9378" target="_blank"><img alt="js弹出对话确认框插件" class="cover" src="http://imgs.bootstrapmb.com/2020/12/230407583s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/querenkuang">确认框</a><a href="http://www.bootstrapmb.com/tag/duihuakuang">对话框</a><a href="http://www.bootstrapmb.com/tag/danchukuang">弹出框</a><a href="http://www.bootstrapmb.com/tag/confirmmeihua">confirm美化</a><a href="http://www.bootstrapmb.com/tag/alertdanchu">alert弹出</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9378" target="_blank">js弹出对话确认框插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> asteroid-alert.js是一个独立的JavaScript库，弹出确认对话框js插件，现代警报&确认对话框弹出窗口。$confirm("Do you want to dele...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：25天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9378"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9378" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9378/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9348" target="_blank"><img alt="js弹出登录框特效代码" class="cover" src="http://imgs.bootstrapmb.com/2020/12/200950259s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/danchudenglu">弹出登录</a><a href="http://www.bootstrapmb.com/tag/jsdenglukuang">js登录框</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9348" target="_blank">js弹出登录框特效代码</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> js弹出登录框特效代码，点击按钮触发弹出登录和注册效果。</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：28天前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.01M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9348"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9348" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9348/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9337" target="_blank"><img alt="Message.js消息提示层插件" class="cover" src="http://imgs.bootstrapmb.com/2020/12/181011548s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/xiaoxitishi">消息提示</a><a href="http://www.bootstrapmb.com/tag/jstishiceng">js提示层</a><a href="http://www.bootstrapmb.com/tag/tishizidongxiaoshi">提示自动消失</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9337" target="_blank">Message.js消息提示层插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> Message.js消息提示层插件，多种弹出效果，可以自动消息，适合网站上做消息提示。</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.01M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9337"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9337" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9337/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9317" target="_blank"><img alt="原生js弹框Alert插件" class="cover" src="http://imgs.bootstrapmb.com/2020/12/141019333s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/confirmchajian">confirm插件</a><a href="http://www.bootstrapmb.com/tag/alertchajian">alert插件</a><a href="http://www.bootstrapmb.com/tag/toastchajian">toast插件</a><a href="http://www.bootstrapmb.com/tag/jsdanchuang">js弹窗</a><a href="http://www.bootstrapmb.com/tag/dankuangxiaoguo">弹框效果</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9317" target="_blank">原生js弹框Alert插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> 一款纯JavaScript库弹出对话框插件，可以创建警报通知,确认弹出框,提示消息等效果。cuteAlert({type: "success",title: "Succe...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.01M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9317"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9317" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9317/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9315" target="_blank"><img alt="纯css实现的提示工具Balloon.css" class="cover" src="http://imgs.bootstrapmb.com/2020/12/141000008s.jpg"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/chuncsstishi">纯css提示</a><a href="http://www.bootstrapmb.com/tag/tishigongju">提示工具</a><a href="http://www.bootstrapmb.com/tag/xuantingtishi">悬停提示</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9315" target="_blank">纯css实现的提示工具Balloon.css</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> Balloon.css是一个简单的、轻量级的提示气泡小插件，纯CSS代码实现的创建动画提示，适合任何dom元素使用html5数据属性。<div class="box" dat...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9315"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9315" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9315/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9279" target="_blank"><img alt="一款轻量级的弹出窗口modal插件" class="cover" src="http://imgs.bootstrapmb.com/2020/12/091006126s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/jiandandanchuang">简单弹窗</a><a href="http://www.bootstrapmb.com/tag/motaichuangkou">模态窗口</a><a href="http://www.bootstrapmb.com/tag/jsdanchuceng">js弹出层</a><a href="http://www.bootstrapmb.com/tag/modalchajian">modal插件</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9279" target="_blank">一款轻量级的弹出窗口modal插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> 一款轻量级的弹出窗口modal插件，很容易使用和自定义。</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9279"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9279" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9279/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9278" target="_blank"><img alt="网页底部备注提示js插件footnotes.js" class="cover" src="http://imgs.bootstrapmb.com/2020/12/090955564s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/beizhuxinxi">备注信息</a><a href="http://www.bootstrapmb.com/tag/yejiaodanchu">页脚弹出</a><a href="http://www.bootstrapmb.com/tag/ciyujieshi">词语解释</a><a href="http://www.bootstrapmb.com/tag/yejiaobeizhu">页脚备注</a><a href="http://www.bootstrapmb.com/tag/gudingweizhi">固定位置</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9278" target="_blank">网页底部备注提示js插件footnotes.js</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> footnotes.js是一款页脚备注提示层插件，纯JavaScript库来显示引用的页脚弹出和解释，总是呆在网页底部的不管你怎么滚动网页。<sup class="footnote-r...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9278"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9278" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9278/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9267" target="_blank"><img alt="toast右下角提示层JavaScript代码" class="cover" src="http://imgs.bootstrapmb.com/2020/12/070148097s.jpg"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/toasttishiceng">toast提示层</a><a href="http://www.bootstrapmb.com/tag/fudongchuangkou">浮动窗口</a><a href="http://www.bootstrapmb.com/tag/youxiajiaotishi">右下角提示</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9267" target="_blank">toast右下角提示层JavaScript代码</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> js提示层效果，警告提示浮动窗口网页特效，一共就几行代码很简单。结合了少量的svg代码。const toasts = document.querySelectorAll(".toast&qu...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9267"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9267" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9267/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9265" target="_blank"><img alt="CSS实现的tooltip提示气泡类库Hint.css" class="cover" src="http://imgs.bootstrapmb.com/2020/12/071017228s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/tooltip">tooltip</a><a href="http://www.bootstrapmb.com/tag/tishiqipao">提示气泡</a><a href="http://www.bootstrapmb.com/tag/xuantingtishi">悬停提示</a><a href="http://www.bootstrapmb.com/tag/tishigongju">提示工具</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9265" target="_blank">CSS实现的tooltip提示气泡类库</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> Hint.css是一个工具提示类库，用纯css / CSS3代码编写,允许您创建漂亮和动画效果提示工具在您的web页面上提示。主要特色轻量级,易于使用。基于CSS3动画过渡和转换。通过CSS类完全可定...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9265"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9265" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9265/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9251" target="_blank"><img alt="提示层弹出模态窗口js插件" class="cover" src="http://imgs.bootstrapmb.com/2020/12/031055331s.jpg"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/toastchajian">toast插件</a><a href="http://www.bootstrapmb.com/tag/popupdanchuchajian">popup弹出插件</a><a href="http://www.bootstrapmb.com/tag/modalmotai">modal模态</a><a href="http://www.bootstrapmb.com/tag/jsdanchu">js弹出</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9251" target="_blank">提示层弹出模态窗口js插件</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> JSFrame.js是一款弹出插件，比如消息提示、模态窗口、Windows窗口等，非常轻量级的JavaScript类库。const myPopup = myWindow.create({// 名称na...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.03M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9251"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9251" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9251/preview" target="_blank">在线预览</a></div></div></div><div class="item-box"><div class="item-box_imageContainer"><a href="http://www.bootstrapmb.com/item/9221" target="_blank"><img alt="js轻量级的弹出层插件jPopup" class="cover" src="http://imgs.bootstrapmb.com/2020/11/260334436s.png"></a><div class="tagList-module"><a href="http://www.bootstrapmb.com/tag/jpopup">jpopup</a><a href="http://www.bootstrapmb.com/tag/danchuchajian">弹出插件</a><a href="http://www.bootstrapmb.com/tag/danchuchuangkou">弹出窗口</a><a href="http://www.bootstrapmb.com/tag/quanpingdanchu">全屏弹出</a><a href="http://www.bootstrapmb.com/tag/jsdanchu">js弹出</a><a href="http://www.bootstrapmb.com/tag/quanjudanchuang">全局弹窗</a></div></div><div class="item-box_content"><h3><a class="item-box_title" href="http://www.bootstrapmb.com/item/9221" target="_blank">js轻量级的弹出层插件jPopup</a></h3><div class="item-box_category"><span><a target="_blank" href="layer.htm">提示框和弹出层</a></span></div><div class="intro"> jpopup是一个超级小的JavaScript弹出插件,允许任何HTML元素来显示，响应式全屏模式弹出窗口。var jPopupDemo = new jPopup({content: '这里编...</div></div><div class="item-box_footer"><div class="item-box_detailsItem"><i class="icon icon-rl sm"></i>更新时间：1个月前</div><div class="item-box_detailsItem"><i class="icon icon-wenjianbao sm"></i>文件大小： 0.00M</div><div class="item-box_footerButtons"><a class="circleButton btn_like" _id="9221"><i class="icon icon-guanzhu big_24" title="点击收藏"></i></a></div><div class="item-box_alignBottom"><a class="btn_down" href="http://www.bootstrapmb.com/item/9221" target="_blank">下载</a><a class="btn_preview" href="http://www.bootstrapmb.com/item/9221/preview" target="_blank">在线预览</a></div></div></div></div><div class="pagemain"><a class="active" href="http://www.bootstrapmb.com/chajian/layer?page=1">1</a><a href="http://www.bootstrapmb.com/chajian/layer?page=2">2</a><a href="http://www.bootstrapmb.com/chajian/layer?page=3">3</a><a href="http://www.bootstrapmb.com/chajian/layer?page=4">4</a><a href="http://www.bootstrapmb.com/chajian/layer?page=5">5</a><a href="http://www.bootstrapmb.com/chajian/layer?page=6">6</a><a href="http://www.bootstrapmb.com/chajian/layer?page=7">7</a><a href="http://www.bootstrapmb.com/chajian/layer?page=8">8</a><a class="end" href="http://www.bootstrapmb.com/chajian/layer?page=9">... 9</a><a href="http://www.bootstrapmb.com/chajian/layer?page=2" class="next"><i class="icon icon-xiangyoujiantou big_14"></i></a></div></div><div class="boot_foot"><div class="foot_container"><li><i class="icon icon-biaoqian sm"></i><a href="http://www.bootstrapmb.com/tags" title="Bootstrap模板库">标签查找</a><span class="split">|</span><a href="../about.htm">关于我们</a><span class="split">|</span><i class="icon icon-daima sm"></i><a href="../tools/css.htm" title="代码压缩格式化工具">格式化工具</a><span class="split">|</span>bootstrapmb.com 版权所有 <a target="_blank" rel="nofollow" href='http://www.beian.miit.gov.cn'>苏ICP备17077179号-2</a></li></div></div><div class='black-overlay'></div><div id='message_container'><div id='error'></div></div><div class='block-sidebar'><div class='block-sidebar-item feedback' title='意见反馈'><i class='icon icon-fankui2'></i></div><div class='block-sidebar-item backtop' title='返回顶部'><i class='icon icon-xiangshang'></i></div></div><script src="../bundles/com.JS"></script></body></html>
|
