fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

messenger
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://github.hubspot.com/messenger/
GitHub:https://github.com/HubSpot/messenger
网站描述:一个JS信息提示框

Messenger弹窗的使用 messenger依赖与jquery和Backbone.js,可以和 Bootstrap完美结合,但Bootstrap并不是必需的1.首先要引用css文件,一个是全局的css文件即messenger.css,一个是主题风格的样式文件messenger-theme-future.css   


1.首先要引用 css 文件,一个是全局的css文件即 messenger.css, 一个是 主题风格的样式文件 messenger-theme-future.css 

<link href="/Content/scripts/messenger/messenger.css" rel="stylesheet" />
<link href="/Content/scripts/messenger/messenger-theme-ice.css" rel="stylesheet" />


2.引入 js 文件,与css 一样,一个是全局的js,即 messenger.min.js, 一个是主题样式 js  ,messenger-theme-future.js,

<script src="/Content/scripts/messenger/messenger.min.js" type="text/javascript"></script>
<script src="/Content/scripts/messenger/messenger-theme-future.js" type="text/javascript"></script>


3.文件引入好后,开始配置弹窗的主题,及弹窗出现在页面上的位置

有四种主题可选,弹出框有6个位置可供选择

  • Future 对应 messenger-theme-future.css
  • Block 对应 messenger-theme-block.css
  • Air 对应 messenger-theme-air.css
  • Ice 对应 messenger-theme-ice.css


链接: https://fly63.com/nav/1666

more>>
相关栏目
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网GitHub
Waterfall.js
瀑布流无限加载插件
官网GitHub
Raty
一个非常棒的jQuery 评分插件
官网GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网GitHub
jcarousel
jQuery轮播图插件
官网GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网GitHub
lazyload.js
jquery图片懒加载插件
官网GitHub
alertify.js
jQuery酷炫的各种消息提示插件
官网GitHub
pickadate.js
一个轻量级的 jQuery 日期选择插件
官网GitHub
chosen.js
基于jquery的下拉选择框美化插件
官网GitHub
threesixty.js
360度产品图片预览jQuery插件
官网GitHub
textillate.js
实现动感的 CSS3 文本动画的简单插件
官网GitHub

手机预览