js 气泡弹框插件

自动生成气泡对话框的jQuery插件CreateBubble.js

之前在写一个界面,想要用到气泡,然而一直找不到现成的有效地办法,是在没有办法了我只好自己写一个,于是就有了现在的CreateBubble.js.很简单的一个函数,但是非常实用. 使用方法: 1.HTML代码: 一个气泡对话框就是一个div,div内嵌另一个div,很简单的结构. <div class="tag"> css3气泡框 <div class="tail"></div> </div> 其中div的class或者

自己写的基于bootstrap风格的弹框插件

自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框.提示框.后续功能扩展.bug修改再更新. ;(function($){ //默认参数 var PARAMS; var DEFAULTPARAMS = { width: 500, title: '提示消息', content: '', okbtn: '确定', cancelbtn: '取消', headerBackground: 'info', vbackdrop: 'static', //默认点击遮罩不会关闭modal vkeyb

vue项目中使用vue-layer弹框插件

vue-layer弹框插件安装 npm i --save vue-layer 引用 import layer from 'vue-layer' Vue.prototype.$layer = layer(Vue); 参数说明 { type: , //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) title: '信息', content: '', area: 'auto', offset: 'auto', icon: -, btn: '确定', time: ,

toastr.js 便捷弹框怎么用？怎么本地化？

〇.简介 toastr.js 是一个非常简洁的弹窗消息插件,主要原因就是其脚本和样式文件较小. 并且可以根据自己的需求,修改样式文件,可以应用在多种不同的场景. https://codeseven.github.io/toastr/ https://github.com/CodeSeven/toastr 一.准备工作调用 toastr 插件之前需要先引入三个文件: jquery.js.toastr.js.toastr.css. 例如,可以通过 CDN 导入: <script src="

js实现弹框及自动关闭

<SCRIPT LANGUAGE="javascript"> < !-- window.open (''page.html'',''newwindow'',''height=100,width=400,top=0,left=0, toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'')--> < /SCRIPT>< SCRIPT LANGUAGE=&quo

Js仿弹框

收藏一个简单实用的JS弹框,通过隐藏和显示div来实现,代码来自脚本之家! <html> <head> <title> LIGHTBOX EXAMPLE </title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1

js 简单弹框toast

新建toast.js文件 function Toast(msg,duration){ duration=isNaN(duration)?3000:duration; var m = document.createElement('div'); m.innerHTML = msg; m.style.cssText="max-width:60%;min-width: 150px;padding:0 14px;height: 40px;color: rgb(255, 255, 255);line-he

弹框插件self(动效兼容到IE9，功能兼容IE6)

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>弹框demo</title> <link rel="stylesheet" href="css/layer-animate.css"/> <style> *{ margin:0; padding

JS 功能弹框封装

// 功能提示弹框 function messageBox ( option ) { var html = ''; html += '<div class="message-box-head">' + option.title; html += '<i class="icon iconfont message-close"></i></div>'; if ( option.type == 'using' ) { ht

js创建弹框（提示框，待确认框）

;;} html,body{text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-user-select:none;} a{color:#333; text-decoration:none;} a,input:focus,div,select{tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);} ul,li{list-style:

js消息提示框插件-----toastr用法

(本文系转载) 因为个人项目中有一个提交表单成功弹出框的需求,从网上找了一些资料,发现toastr这个插件的样式还是不错的.所以也给大家推荐下,但是网上的使用资料不是很详细,所以整理了一下,希望能给大家带来帮助. toastr 官网http://codeseven.github.io/toastr/ 这个样式插件支持直接导cdn入链接,但是我尝试了一下cdn加载速度太慢,所以推荐直接下载文件后导入文件个人演示地址,因为把js放在了头部所以加载时间可能有点长,而且我发现自己的服务器不是很稳定,

自己写的jquery 弹框插件

html部分 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="jquery/jquery-1.8.2.min.js"></script> <script src="jquery/yuanBox.min.js"></script>

jquery Dialog弹框插件

function Dialog(options) { var defaults = { // 默认值. title: '', // 标题文本,若不想显示title请通过CSS设置其display为none type: 'text', // id,img,iframe,url,text content: '', // 要显示的内容 showTitle: true, // 是否显示标题栏. closeText: '关闭', // 关闭按钮文字,若不想显示关闭按钮请通过CSS设置其display为no

SweetAlert插件弹框插件

sweetalert是一个漂亮的弹窗中文网址: http://mishengqiang.com/sweetalert/ 它需要2个文件:sweetalert-dev.js和sweetalert.css 下载插件怎么下载呢?直接从上面的网站扣下来,就可以了修改index.html,引入2个资源 <script src="http://mishengqiang.com/sweetalert/js/sweetalert-dev.js"></script> <

SweetAler弹框插件与分页器插件

目录 SweetAlert插件自定义分页器使用Django向数据库批量插入数据自定义分页器的思路自定义分页器组件 SweetAlert插件 sweetalert是一款基于Bootstrap的专门用来设计弹窗的插件,具体弹窗样式及相关的代码可以参考此链接插件下载地址打开下载好的插件之后我们需要将dist文件夹导入到我们项目的静态文件中在html文件中导入插件 {% load static %} <script src="{% static 'jquery/jquery.min.j

layer弹框插件使用

需要在jquery之后导入 <link rel="stylesheet" href="${pageContext.request.contextPath }/js/layer/skin/layer.css"> <script src="${pageContext.request.contextPath }/js/layer/layer.js"></script> 简单提示: layer.msg('',{time

jquery Dialog弹框插件使用

var dialog = new Dialog({ title: '购物车', type: 'url', width: 520, content: "Uplolo.aspx", showTitle: true, modal: true, onLoad: function () { var self = this; var div = this.getDialogObj(); $(div).delegate(".close", "click", f

Amaze UI JS 气泡弹出

http://amazeui.org/javascript/popover?_ver=2.x

js复选框插件

M站滚动日历弹框

先放张效果图: 完整Demo: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initia

非常强大的jQuery万能浮动框插件

支持hover, click, focus以及无事件触发:支持多达12种位置的定位,出界自动调整:支持页面元素加载,Ajax加载,下拉列表,提示层效果,tip类效果等:可自定义装载容器:内置UI不错的装载容器:支持鼠标跟随等. 一.写插件的缘由为什么想写此插件,想来想去,归结为一个字:“懒”.不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春.于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了.

js 气泡弹框 插件

热门专题

js 气泡弹框插件