messenger 介绍
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
网站地址:http://github.hubspot.com/messenger/
GitHub:https://github.com/HubSpot/messenger
网站描述:一个JS信息提示框
messenger
官方网站:http://github.hubspot.com/messenger/
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。