当前位置：文江博客话题详情

jQuery Overlay Apple 通过使用 ?

发布于 2024-11-16 20:21:15 字数 175 浏览 7 评论 0原文

关于 jQuery 工具 Apple Overlay 演示

如何使用文本链接 < A> 运行叠加层而不是使用 IMG？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

不甘平庸 2024-11-23 20:21:15

您只需要更改 jquery 选择器即可识别您的链接（或任何类型的对象）。

更改：

$("#apple img[rel]").overlay({effect: 'apple'});

到：

$("#apple_link").overlay({effect: 'apple'});//selects a single link with an id of 'apple_link'

或

$("a[rel]").overlay({effect: 'apple'});//selects all links with a rel attribute

其中 'apple_link' 是链接的 id，同时在链接上添加 rel 属性，如下所示：

<a href='#' rel='div_to_open' id='apple_link'>Link Text</a>

注意：rel 的值是将在叠加层中打开的 div

You just need to change the jquery selector to identify your link (or any type of object for that matter).

Change:

$("#apple img[rel]").overlay({effect: 'apple'});

To:

$("#apple_link").overlay({effect: 'apple'});//selects a single link with an id of 'apple_link'

$("a[rel]").overlay({effect: 'apple'});//selects all links with a rel attribute

Where 'apple_link' is the id of the link, also add a rel attribute onto the link like so:

<a href='#' rel='div_to_open' id='apple_link'>Link Text</a>

Note: The value of the rel is the div that will be opened in the overlay

回复收藏 0 原文

差↓一点笑了 2024-11-23 20:21:15

您的意思是像此演示中那样吗？

$("a[rel]").overlay({

    mask: 'darkred',
    effect: 'apple',

    onBeforeLoad: function() {

    // grab wrapper element inside content
    var wrap = this.getOverlay().find(".contentWrap");

    // load the page specified in the trigger
    wrap.load(this.getTrigger().attr("href"));
    }
});

Do you mean like in this demo?

$("a[rel]").overlay({

    mask: 'darkred',
    effect: 'apple',

    onBeforeLoad: function() {

    // grab wrapper element inside content
    var wrap = this.getOverlay().find(".contentWrap");

    // load the page specified in the trigger
    wrap.load(this.getTrigger().attr("href"));
    }
});

回复收藏 0 原文

~没有更多了~