强大的响应式jQuery消息通知框和信息提示框插件

lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件。这个插件分为两个部分:消息通知框和信息提示框。它能非常好的结合Bootstrap使用。

信息提示框

  • lobibox的信息提示框可以是模态窗口,也可以不是模态窗口。
  • 允许显示多条信息。
  • 允许使用任何可用的CSS动画来显示和隐藏信息提示框。
  • 信息提示框可以显示不同的颜色和图标。
  • 可以设置为确认信息提示框。
  • 可以设置为一行的prompt信息框。(可以使用任何HTML5的输入框类型来作为prompt)
  • 也可以设置为多重prompt信息框。
  • 可以在信息提示框上使用进度条。
  • 可以通过ajax调用来自定义信息提示框中的内容。
  • 每一条信息都是插件的一个实例对象。你可以非常容易的获取这些实例对象,并为它们附件事件会在对象中调用方法。

消息通知框

  • 支持不同颜色的消息通知框。
  • 可以在窗口的任意角部为主显示消息通知框。
  • 可以显示消息通知框将要消失的时间进度条。
  • 可以在消息通知框上显示图片。
  • 可以在消息通知框显示时发出提示音。
  • 可以将消息通知框显示为不同的尺寸。

效果演示:http://www.htmleaf.com/Demo/201506011948.html

下载地址:http://www.htmleaf.com/jQuery/Lightbox-Dialog/201506011947.html

时间: 2024-08-25 23:38:09

强大的响应式jQuery消息通知框和信息提示框插件的相关文章

Owl Carousel 2强大的响应式jQuery旋转木马插件

Owl Carousel 2是上一版Owl Carousel 1.x的升级版本.Owl Carousel 2是可以让你创建漂亮的响应式旋转木马的jQuery插件,它支持移动触摸屏,有丰富的参数设置,甚至可以嵌入视频,功能十分强大. Owl的新特性有: 可以无限循环 项目可以居中显示 灵活的速度控制 多级别的padding设置 项目间可以设置Margin 使几乎所有的选项都具有响应能力 多种宽度设置 丰富的回调事件 RTL(从右向左移动) YouTube/Vimeo视频支持 锚链接导航 合并项 还

带多种过渡动画的响应式jQuery幻灯片插件

Nivo-Slider是一款非常强大的响应式jQuery幻灯片插件.该幻灯片插件内置有16种不同的动画过渡效果.它提供了丰富的参数来控制幻灯片的播放.它使用简单,并且可以兼容IE8浏览器. 在线预览   源码下载 使用方法 使用Nivo-Slider幻灯片需要引入nivo-slider.css,jQuery(1.7+)和jquery.nivo.slider.js文件. 1 2 3 <link rel="stylesheet" href="css/nivo-slider.

基于Animate.css的炫酷jQuery消息通知框插件

notification是一款基于Animate.css的炫酷jQuery消息通知框插件.该插件可以在屏幕的四个角显示消息通知框,结合Animate.css可以制作出多种效果非常炫酷的CSS3动画特效. 在线预览   源码下载 使用方法 使用该jQuery消息通知框插件需要引入jQuery,notification.js,animate.css和notification.css文件. <link rel='stylesheet' href='css/animate.min.css'> <

10个免费的响应式jQuery Carousel 轮播图插件

jQuery Carousel 轮播图插件可以给网站创建华丽的动画效果,这里列出的10个jQuery Carousel 轮播图插件都是响应式的,并且可以免费使用. 1. ItemSlide.js 简单的触摸式Carousel 轮播图插件,提供多种样式的旋转动画,如向上滑动,基于全屏的触摸滑动,左右滑动等. 2. Liquid 每当Liquid 容器的大小改变时,都会重新调整列表中的项目数,以适应新的宽度. 3. jCarousel jCarousel 是一个用来控制水平或垂直方向上列表项的jQu

10款响应式 jQuery实现图片效果插件

1.基于jQuery实现的汇图网大屏焦点图效果 汇图网大屏jQuery焦点图代码,可设置切换模式,如淡入淡出切换,左右滚动切换,上下滚动切换,可设置是否自动轮播,可设置鼠标划过是否停止播放等. 在线演示 源码下载 2.HTML5基于SVG实现的过山车动画特效 今天我们要分享一款很酷的HTML5/SVG动画,这款HTML5动画是过山车效果,主要是利用了SVG的path动画来实现的,整体动画效果流畅自然,效果非常酷. 在线演示 源码下载 3.jQuery实现苹果官网页面上下滚动全屏效果 这是一款基于

SlidesJS - 老牌的响应式 jQuery 幻灯片插件

SlidesJS 是一款老牌的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件.支持循环.自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果. 插件下载     效果演示 使用示例: <!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style>

Jquery Gallery – 很有特色的响应式 jQuery 相册插件

Jquery Gallery – 很有特色的响应式 jQuery 相册插件 DEMO      下载 1.介绍 jQuery制作zoom图片全屏放大弹出层插件. 2.使用方法 1.引入以下的js和css文件 1 <link rel="stylesheet" href="css/zoom.css" media="all" /> 2 <script src="js/jquery-1.9.1.min.js">

基于Jquery 简单实用的弹出提示框

引言: 原生的 alert 样子看起来很粗暴,网上也有一大堆相关的插件,但是基本上都是大而全,仅仅几句话可以实现的东西,可能要引入好几十k的文件,所以话了点时间自己写了个弹出效果,放到项目上去发现效果还不错,这里贴出来,做个备忘,有需要的同学可以拿去,也可以作为一个参考. 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d

jquery mobile中显示加载中提示框和关闭提示框

在jquery mobile开发中,经常需要调用ajax方法,异步获取数据,如果异步获取数据方法由于网速等等的原因,会有一个反应时间,如果能在点击按钮后数据处理期间,给一个正在加载的提示,客户体验会更好一些. 先看两个方法,显示和关闭,方法来自于参考:http://blog.csdn.net/zht666/article/details/8563025 <script> //显示加载器 function showLoader() { //显示加载器.for jQuery Mobile 1.2.