JQuery的一个插件boxy
这个插件是在页面上弹出一个div式的对话框,然后对对话框里的内容进行操作,以进行交互的处理。以例子来说明。
使用前引用这个插件的JS <script src="<%=this.Page.ResolveUrl("~/JS/jquery.boxy.js")%>" type="text/javascript"></script>
首先,在页面上定义一个Label标签,点击时弹出一个对话框。
脚本函数:
{varcon1="<iframe src='<%=this.Page.ResolveUrl("~/TrendCenter/ManagerSelfGroup.aspx")%>' scrolling='auto' style='padding: 0px; margin: 0px; border-style: none;background-color: #FFFFFF;'></iframe>";varbox1;
box1=newBoxy
(
con1,
{
modal:true, //模态 本页面处于不活动状态,对话框处于活动状态。即con1中的页面内容处于活动状态(此处为iframe中嵌入的页面内容)
title:"自选组管理", //对话框标题
afterHide:function(e){}, //当对话框隐藏的时候在Boxy对象的上下文执行回调函数
afterShow:function(e){}, //当对话框显示的时候在Boxy对象的上下文执行回调函数
closeText:"" //关闭功能按钮的标题文字}
);
box1.resize(315,250); //设置对话框的大小
}
这个插件是JQuery的轻量级插件,网上说有 lightbox, thickbox, greybox 插件可以供选择。没有试验过,有兴趣的朋友可以研究一下
有关这个插件的更多内容,可以参考
1. http://www.zhangxinxu.com/study/200911/jQuery-plugin-boxy.html?jdfwkey=1mj8n
2. http://onehackoranother.com/projects/jquery/boxy/
转载于:https://www.cnblogs.com/purplefox2008/archive/2010/09/08/1821668.html
JQuery的一个插件boxy相关推荐
- JQuery Easing.js插件
jQuery Easing.js 插件 介绍:easing是jquery的一个插件,使用它可以创建更加绚丽的动画效果. 环境:因为easing是jQuery的插件,所以必须是在引入jquery之后再引 ...
- 30 个最好的jQuery表单插件
jQuery 的出现为我们的开发工作带来了极大的便利,而众多的基于jQuery插件的出现就犹如我们在 Firefox 中安装名目繁多的插件一样而乐此不疲,今天带给大家的是精心挑选的这30个最好的jQu ...
- 介绍一个十分好用的JQUERY图片放大镜插件
介绍一个十分好用的JQUERY图片放大镜插件 介绍一个十分好用的JQUERY图片放大镜插件,在很多电子商务网站中,有时在看小图时,往往想再看这个货品的大图, 传统的另外打开一张大图的话,不大COOL, ...
- 如何写一个Jquery 的Plugin插件
JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站:jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插 ...
- 一个简单的 jQuery 图片裁剪插件----cropper
浏览器支持 Chrome (latest 2) Firefox (latest 2) Internet Explorer 8+ Opera (latest 2) Safari (latest 2) C ...
- Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
- jquery 图片裁剪 java_[Java教程]5 款最新的 jQuery 图片裁剪插件
[Java教程]5 款最新的 jQuery 图片裁剪插件 0 2015-05-18 16:00:20 这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件,可以帮助你轻松的实现你网站需要的图像裁 ...
- 十个jQuery图片画廊插件推荐
2019独角兽企业重金招聘Python工程师标准>>> jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片.当幻灯片已经成为网站的重要组成部分,jQuer ...
- 推荐5款实用的jQuery时间轴插件
1.使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块.使用 ...
最新文章
- 产品设计认知:如何构建A/B测试系统,其核心功能有哪些?
- mac11.5.2版本虚拟机SeaBIOS不引导,kvm虚拟机状态为pause
- 【helpdesk】启明星helpdesk7.0版本里,实现邮件提交功能介绍和原理
- 适合做手机铃声的81首歌_“想下载这首歌作为你的手机铃声吗?”
- .NET Core 下使用 Kafka
- java中set怎么建int型_使用Array.setInt来填充Java中的数组
- 微信小程序scroll-view去除滚动条 (安卓、ios都有效)
- 【BZOJ-2888】资源运输 LCT + 启发式合并
- 常用win10优化工具(后续继续更新)
- SAP License:ERP系统实施价格是多少?
- java 视频边下边播_video src,如何边加载边播放?
- 【FPGA】DS18B20数字温度传感器实验
- git index.lock
- ceph存储 Ceph管理平台Calamari的架构与功能分析
- APS系统的现状以及与MES系统的关联
- 史上最全私募基金的投资模式和策略总结
- RTX2060 Super和RTX2060 哪个好
- 算法竞赛入门经典 习题6-12
- 人人都看得懂的C语言进阶系列之数据存储
- 多任务学习中各loss权重应该如何设计?