modal 和colorbox的比较
2016-05-05 15:09
239 查看
个人觉得modal更适合用于展示本页面已有的内容,而colorbox方便展示要去请求后台处理的数据以及后台传递的数据、新页面。
modal调用:
www.hello-code.com/blog/Bootstrap/201507/5233.html
colorbox调用:
js:
modal调用:
www.hello-code.com/blog/Bootstrap/201507/5233.html
<a class="needPassedCompany btn btn-success btn-sm applySourcing" data-toggle="modal" href="" data-target="" onclick="sendServiceId(${asl.objectId});"><jdf:message code="btn_apply_sourcing" /></a> <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="margin-top:150px;"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content" style="width:60%;margin-left: 20%;"> <div class="modal-header"> <button type="button" class="close" id="closeModal3" data- dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel"> <jdf:message code="label_message_content" /> </h4> </div> <div class="modal-body" id="modal-body"> </div> <div class="modal-footer"> </div> </div> </div> </div>
colorbox调用:
js:
$('a.editExhibition').colorbox({opacity:0.5,fixed:true,width: "75%", height:"75%",close: "关闭", overlayClose: false});
相关文章推荐
- 最长上升子序列
- android自定义圆角Dialog
- sql
- 配置文件入门 - WebConfig.config常用配置节点介绍
- 锁机制与原子操作 <第四篇>
- 在powerdesigner中创建物理数据模型
- POJ1523 SPF
- 005-Vuforia实现触屏原地旋转物体的功能
- openfire服务器所有配置属性
- 一碗面,害了一个孩子,却惊醒了中国无数父母!
- Redis发布预订使用总结
- Configure,Makefile.am, Makefile.in, Makefile文件之间关系
- Android中什么是anr ? 原因 or 解决方法
- Android Studio单元测试入门
- 线程池 异步I/O线程 <第三篇>
- 盒子中的margin问题
- 在Powerdesigner中创建概念数据模型
- 面试之路(25)-斐波那契数列类问题的详解
- 面试之路(25)-斐波那契数列类问题的详解
- 面试之路(25)-斐波那契数列类问题的详解