gpt4 book ai didi

javascript - 如何找到元素的位置并将其应用于不同的元素?

转载 作者:行者123 更新时间:2023-11-28 14:38:08 25 4
gpt4 key购买 nike

我在页面上有一个星形图标。如果用户未登录,我将显示另一张图片,上面写着“请登录”。我遇到的问题是这张图片一直显示在下一行的左边。我需要在星形图标下方显示它。我试图找到星形图标的位置,然后调整顶部和底部的值,并在其正下方显示“请登录”图像。

<asp:Image ID="imgFavorite" runat="server" ImageAlign="AbsMiddle" />
<div id="toolTipDivTitle" class="tooltip"></div>

还有我的 javascript -

 function showSignInPromptForTitle() {
var toolTipDivTitle = $("#toolTipDivTitle");
toolTipDivTitle.css('background', 'url(/SiteCollectionImages/CF_HoverOver.png) no-repeat');
toolTipDivTitle.css('color', 'white');
toolTipDivTitle.css('width', '160px');
toolTipDivTitle.css('height', '83px');
toolTipDivTitle.css('padding', '30px 5px 0px 20px');
toolTipDivTitle.css('z-index', '9999');
toolTipDivTitle.css('display', 'none');
toolTipDivTitle.css('position', 'absolute');
toolTipDivTitle.css('font-size', '11px');
toolTipDivTitle.text('Sign in to add to your favorites.');
toolTipDivTitle.show();

感谢任何帮助。谢谢!

更新:这是 fiddle 链接 - http://jsfiddle.net/eqACv/2/

最佳答案

这是你想要的 fiddle :

http://jsfiddle.net/eqACv/8/

为了获得更好的效果,您应该添加 ('blind',500) 作为函数 hide 和 show 的参数。(需要 jQuery UI)

关于javascript - 如何找到元素的位置并将其应用于不同的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6457040/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com