`

lightbox的一个ajax效果

AjaxJavaScriptCSSprototypeHTML 
阅读更多
  所谓的lightbox，就是比如在看相册时，当点某张相时，然后突出显示该相片的一个很COOL的效果，
其实是用到了prototype，scriptaculous，lightbox.js等类库的，一个小DEMO
<html>
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
<a href="images/megan1_400_320.jpg" rel="lightbox"><img src="images/megan1_400_320.jpg" width="100" height="80" alt="Megan" border="0" /></a>
</body>
</html>
分享到：
| 观察者模式小结
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ajax Lightbox图片放大效果插件.rar

    一个基于jquery实现的Ajax Lightbox图片放大效果插件，点击缩略图后图片在当前页的弹出框中放大显示，并加以美化，弹出后网页背景变暗，可关闭，看上去很酷的图片展示效果，相信之前你已经在网上见到过这种效果，像...

    最新lightbox（Ajax）

    当用户点击一个包含图片链接的小缩略图时，Lightbox会创建一个半透明的黑色背景层，然后在前景中以全屏或接近全屏的方式显示放大后的图片。这个过程通常伴随着平滑的过渡动画，提升用户体验。 Lightbox支持多种功能...

    Ajax_xml_lightbox

    总结来说，Ajax_xml_lightbox是一个集成了Ajax和XML技术的JavaScript库，旨在提供轻便、高效的Lightbox和Thickbox效果。它为开发者提供了一个简单易用的工具，帮助他们在网页中创建引人入胜的交互式内容预览体验。...

    AJAX--greybox,thickbox,Lightbox代码实例

    1. Greybox：Greybox 是一个JavaScript和CSS库，它可以将任何Web内容（包括网页、图片、PDF等）在一个居中且可调整大小的窗口中展示。Greybox利用AJAX技术，使得用户无需离开当前页面即可查看新内容，提高了交互性。...

    lightbox 网页透明窗口效果

    Lightbox 是一种在网页设计中常见的技术，它允许用户在当前页面上打开一个半透明的遮罩层，显示大图、视频或其他多媒体内容，而不会中断用户的浏览体验。这种效果通常用于图片画廊、视频预览或者弹出式信息展示。在...

    6种lightbox效果源代码

    源代码会展示如何通过点击小图来弹出一个模态窗口，显示放大后的图片。这种实现可能包括淡入淡出效果、关闭按钮和导航箭头，以便浏览多张图片。 2. **响应式Lightbox**： 随着移动设备的普及，响应式设计变得至关...

    10个最佳jQuery Lightbox效果插件收集

    对于那些寻求快速实现Lightbox效果的开发者，这是一个很好的选择。 这些jQuery Lightbox插件都有各自的优点和适用场景，选择哪一个取决于项目的具体需求，如设计风格、功能需求、性能优化和兼容性考虑。无论你是...

    jquery点击图片全屏效果类似lightbox弹出图片效果.zip

    在IT行业中，jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这个"jquery点击图片全屏效果类似lightbox弹出图片效果.zip"的压缩包中，我们可以推测包含了一个实现图片...

    jquery的lightbox效果

    1. **jQuery库**：jQuery是一个快速、简洁的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax交互。它是实现Lightbox效果的基础，通过使用jQuery，开发者可以编写更简洁、更易读的代码来控制DOM元素。 2. *...

    基于Jquery图片滚动的LightBox展示效果

    jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。它的API易于学习和使用，使得开发者能够快速实现复杂的页面交互。在这个场景中，jQuery用于创建图片滚动效果，这通常...

    lightbox. 好用的网页图片效果

    Lightbox是一种流行且实用的网页图像展示技术，它允许用户在点击缩略图后，在当前页面上以一种优雅的方式查看全尺寸的图片，通常伴随着半透明背景和其他交互元素。这个技术提高了网页上图片浏览的用户体验，因为它...

    Lightbox图片展示效果，jquery插件，可横向滚动，可使用全屏模式观看图片，可自动播放.rar

    Lightbox是一种流行的照片展示技术，它允许用户在网页上点击图片后，图片会在当前页面上以弹出式、半透明的窗口（通常称为“灯箱”）中打开，提供一个更好的观看体验，避免了在不同页面之间跳转的麻烦。在给定的...

    jQuery带炫酷轮播图效果的Lightbox弹出层插件.rar

    在本案例中，我们讨论的是一个基于jQuery实现的Lightbox插件，它带有炫酷的轮播图效果。 jQuery是一个广泛使用的JavaScript库，简化了DOM操作、事件处理、动画和Ajax交互。它使得开发者能够更方便地创建交互式的...

    jQuery的lightbox插件

    Lightbox插件的核心是jQuery库，这是一个广泛使用的JavaScript库，简化了DOM操作、事件处理、动画和Ajax交互等任务。通过jQuery，开发者可以轻松实现复杂的交互效果，而无需编写大量的JavaScript代码。 在提供的...

    javascript经典特效---jquery实现LightBox图片点击放大效果的图片盒子插件.rar

    LightBox效果的基本原理是：当用户点击缩略图时，大图会在一个半透明的黑色背景之上弹出，提供了一种优雅的方式来浏览和导航图片。这个效果不仅增强了用户体验，而且使得网站看起来更加专业和现代。 要实现这个功能...

    基于jQuery Rebox lightbox实现的相册效果源码.zip

    在本项目中，我们关注的是一个使用jQuery Rebox lightbox插件实现的相册效果源码。jQuery Rebox是一款轻量级的JavaScript库，它扩展了jQuery的功能，为网页中的图片提供了一种优雅的弹出展示方式，类似于流行的...

    jQuery版Sexy Lightbox 2.3内容修饰框插件下载(支持HTML,flash,图片,视频等).rar

    jQuery是一个广泛使用的JavaScript库，它简化了JavaScript的DOM操作、事件处理、动画以及Ajax交互。jQuery的核心特性包括选择器（用于快速定位HTML元素）、链式调用（使代码更加简洁）、高效动画效果和跨浏览器兼容...

    jQuery实现的简单带有关闭按钮的lightbox高亮图片展示效果.zip

    在本项目中，我们主要探讨的是如何利用jQuery库来创建一个具有关闭按钮的轻量级Lightbox效果，以便在网页上优雅地展示高亮图片。Lightbox是一种常见的网页设计技术，它允许用户在不离开当前页面的情况下查看大图，...

    Ajax弹出层插件Lightbox的应用实例

    2. **Lightbox功能**：Lightbox的核心功能是在用户点击缩略图时，以半透明背景和居中显示的放大图片的形式弹出一个窗口。它还提供了导航箭头，让用户可以轻松浏览一系列图片。此外，Lightbox还可以处理视频和其他...

Magicbox
Global site tag (gtag.js) - Google Analytics