`
747017186
  • 浏览: 331679 次
社区版块
存档分类
最新评论

jquery colorbox遮罩的使用

 
阅读更多

<link rel="stylesheet" href="<%=path %>/colorbox/colorbox.css" />

<script src="<%=path %>/colorbox/jquery.colorbox.js"></script>

 

$('button').click(function(){

           var url="<%=path %>/s?sum=12";

           $.colorbox({title:"我的订阅",open:true,href:url,width:680,height:650});

});

遮罩可以直接调用colorbox控件来执行,值得注意的是$.colorbox还可以:

可以定位到某个页面,并且传递参数

可以定位到某个action或者servlet,那个servlet跳到某个页面则遮罩就是哪个页面,并且传递参数。

如果定位到的那个servlet没有跳转页面。而是进行了客户端的打印,则也可以输出打印的内容。Html代码除外。

  • pp.zip (34.4 KB)
  • 下载次数: 0
分享到:
评论

相关推荐

    jquery colorbox 项目中的成熟使用案例

    本篇文章将基于一个真实的项目案例,深入探讨jQuery Colorbox的成熟使用方法,以及如何结合自己的代码实现注解清晰、思路明确的解决方案。 一、jQuery Colorbox基础介绍 jQuery Colorbox是一款流行的弹出框插件,...

    colorbox弹出层,遮罩,对话框

    在网页设计和开发中,"colorbox"是一个流行的JavaScript库,用于创建优雅的弹出层、遮罩和对话框效果。这个库以其简洁的API和高度可定制性而受到广泛欢迎。下面我们将深入探讨colorbox的功能、用法以及它如何实现...

    jquery 超酷的模拟窗口colorbox

    Colorbox设计得足够灵活,可以与Bootstrap、jQuery UI等其他库一起使用,不会引发冲突。 10. **文档与社区支持** Colorbox的官方文档详尽介绍了所有选项和方法,同时社区提供了大量示例和解决方案,帮助开发者...

    jquery弹出框插件colorBox

    **jQuery ColorBox插件详解** 在网页开发中,弹出框是常见的交互元素,用于显示额外的信息或进行用户交互。jQuery ColorBox是一款高效且可高度定制的弹出框插件,它提供了丰富的功能,使开发者能够轻松创建各种类型...

    带遮罩层弹出框展示图片插件

    5. **css** - 这个文件夹包含CSS样式文件,用于定义Colorbox的外观和布局,包括弹出框的样式、遮罩层的颜色和透明度,以及图片的显示样式等。 在实际应用中,开发者需要将这些资源(JavaScript和CSS)链接到自己的...

    jquery灯箱特效

    本文将深入探讨如何使用jQuery来创建灯箱特效,并介绍一些常见的插件和技巧。 一、jQuery基础 jQuery是一个简洁、高效的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。在创建灯箱特效时,...

    jquery灯箱插件Lightbox

    jQuery Lightbox是一款广泛使用的JavaScript插件,专为网页上的图片展示设计,它能够在用户点击图片链接时,弹出一个半透明的遮罩层,上面显示大图,提供了一种优雅的方式来展示网页中的图片。这款插件自发布以来,...

    jquery.box

    **jQuery Box:深入理解Colorbox、Fancybox与Thickbox** 在Web开发中,弹出层(也称为对话框或轻量级窗口)是经常被用到的一种交互元素,用于显示详细信息、图片、视频或其他内容,而不会离开当前页面。jQuery作为...

    5种jQuery弹出大图效果

    可以使用如Galleria或ColorBox这样的插件,它们能处理多个图片的加载、导航和缩放,并且可以轻松定制以适应网站的风格。 以上五种jQuery弹出大图效果涉及到的知识点包括: - jQuery基础:选择器、事件监听、DOM操作...

    Jquery弹出层插件

    JQuery弹出层插件是Web开发中常用...使用JQuery弹出层插件不仅可以提高开发效率,还能为用户提供更好的交互体验。在实际使用中,需要注意兼容性、性能优化以及与页面其他元素的协调性,确保插件的稳定运行和用户体验。

    jquery各种弹出层效果

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。本篇文章将详细探讨jQuery中的弹出层效果,这些效果为网页交互提供了丰富的用户体验。 首先,我们...

    jQuery弹出层与浮动层

    通过设置`modal: true`属性,我们可以创建一个模态对话框,它会在页面上创建一个半透明的遮罩层,阻止用户与背景交互。 2. Bootstrap Modal: Bootstrap是一个流行的前端框架,其Modal组件同样提供了弹出层功能。...

    jQuery Lightbox插件点击弹出大图全屏展示特效

    在实际应用中,开发者可以根据需求选择不同的jQuery Lightbox插件,例如:fancybox、prettyPhoto、colorbox等,它们都有各自的特性和配置选项。安装和使用通常涉及以下步骤: 1. **引入jQuery和插件文件**:在HTML...

    jquer实例2

    jQuery有多个插件如Fancybox、Colorbox等,可以轻松实现这种效果,它们会在原图上叠加一个半透明的遮罩,并在鼠标点击后放大图片。 4. **层拖动**:层拖动是指用户可以通过鼠标拖动页面上的某个元素。这需要使用...

    jquery灯箱效果特效代码

    实现jQuery灯箱效果,我们往往需要借助于第三方插件,例如Fancybox、Colorbox、PrettyPhoto等。这些插件提供了丰富的自定义选项和API接口,可以方便地集成到项目中。以Fancybox为例,我们可以简单地通过以下代码引入...

Global site tag (gtag.js) - Google Analytics