我有一个像
这样的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属性）。单击叠加层后，用户应重定向到实际页面。
现在可以忽略叠加层的内容并不重要，但如何获取此叠加层并将用户点击叠加层将其带到实际页面？