链接悬停时的 Jquery 覆盖页面

发布于 2024-11-02 22:28:46 字数 1046 浏览 1 评论 0原文

我有一个像这样的html结构 -

<div class="fullcalendar-instance">
<a href="/saasmax/trunk/isv-events/my-birthday" field="field_e_date" allDay="1" start="2011-04-28" end="2011-04-28" index="0" eid="177" entity_type="node" cn="fc-event-default isv_events node-type-isv_events" title="My BIRTHday" class="fullcalendar-event-details" editable=""><span class="date-display-single">Thu, 04/28/2011</span></a>
</div>
<div class="fullcalendar-instance">
<a href="/saasmax/trunk/isv-events/version-8-drupal" field="field_e_date" allDay="1" start="2012-04-01" end="2012-04-01" index="0" eid="176" entity_type="node" cn="fc-event-default isv_events node-type-isv_events" title="Version 8 Drupal" class="fullcalendar-event-details" editable=""><span class="date-display-single">Sun, 04/01/2012</span></a>
</div>

现在我希望将鼠标悬停在链接上时应该出现一个文本覆盖层，其中应该包含动态显示（取决于标签的href属性）。单击覆盖层后，用户应该重定向到实际页面。

现在，可以忽略覆盖层的内容，因为它不重要，但如何获取此覆盖层并在单击覆盖层时将用户带到实际页面？

原文

I have a html structure like-

<div class="fullcalendar-instance">
<a href="/saasmax/trunk/isv-events/my-birthday" field="field_e_date" allDay="1" start="2011-04-28" end="2011-04-28" index="0" eid="177" entity_type="node" cn="fc-event-default isv_events node-type-isv_events" title="My BIRTHday" class="fullcalendar-event-details" editable=""><span class="date-display-single">Thu, 04/28/2011</span></a>
</div>
<div class="fullcalendar-instance">
<a href="/saasmax/trunk/isv-events/version-8-drupal" field="field_e_date" allDay="1" start="2012-04-01" end="2012-04-01" index="0" eid="176" entity_type="node" cn="fc-event-default isv_events node-type-isv_events" title="Version 8 Drupal" class="fullcalendar-event-details" editable=""><span class="date-display-single">Sun, 04/01/2012</span></a>
</div>

Now i want that on hovering upon the link an overlay of text should come that should contain a dynamic display(depending upon the href attribute of a tag). Upon clicking the overlay the user should get redirected to the actual page..

Now the content of the overlay can be disregarded as not important but how to get this overlay and take user to the actual page on clicking of the overlay??

分享到QQ

分享到微博