java界面警告框怎么做,[Java教程]第 16 章 弹出框和警告框插件

[Java教程]第 16 章 弹出框和警告框插件

0

2016-04-24 17:00:36

学习要点：

1.弹出框

2.警告框

主讲教师：李炎恢

本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件。

一．弹出框

弹出框即点击一个元素弹出一个包含标题和内容的容器。

//基本用法 点击弹出/隐藏弹出框

//JavaScript 初始化$('button').popover();

弹出框插件有很多属性来配置提示的显示，具体如下：

$('button').popover({ container : 'body', viewport : { selector : '#view', padding : 10, }});

通过 JavaScript 执行的方法有四个。//显示$('button').popover('show');//隐藏$('button').popover('hide');//反转显示和隐藏$('button').popover('toggle');//隐藏并销毁$('button').popover('destroy');

Popover 插件中事件有两种。

//事件，其他雷同$('button').on('show.bs.tab', function() { alert('调用 show 方法时触发！');});

二．警告框

警告框即为点击小时的信息框。

//基本实例

×

警告：您的浏览器不支持！

//添加淡入淡出效果

如果用 JavaScript，可以代替 data-dismiss="alert"

//JavaScript 方法$('.close').on('click', function() { $('#alert').alert('close');})

Alert 插件中事件有四种。

//事件，其他雷同$('#alert').on('close.bs.alert', function() { alert('当 close 方法被触发时调用！');});

本文网址：http://www.shaoqun.com/a/215684.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

0