添加跳转链接_html/css_WEB-ITnose

弹出来的aaaa 点击后跳转到一个链接,这个功能要怎么实现?

nbsp;html>            td:hover {    position: relative;}td:hover:before {    content: attr(data-title);    position: absolute;    left: 5px;    top: 100%;    background: #330099;    color: #99ffff;    border: 1px solid #00ff00;    border-radius: 5px;    box-shadow: 3px 3px 3px #666666;}

登录后复制111122223333

回复讨论(解决方案)

给aaaa添加a标签

给aaaa添加a标签

1111
这个要怎么添加a标签

onclick=”location=…”

因为:after 和:before伪元素不是真实的dom元素，只是实现了一些特定的效果，无法绑定事件
要绑定事件只能改用真实的dom元素了

因为:after 和:before伪元素不是真实的dom元素，只是实现了一些特定的效果，无法绑定事件
要绑定事件只能改用真实的dom元素了

这个日历的显示就是用上面的方法做的,
要怎么修改成可以点击的效果

nbsp;html>            td {    position: relative;}td .tbox {    position: absolute;    left: 5px;    top: 100%;    background: #330099;    color: #99FFFF;    border: 1px solid #00FF00;    border-radius: 5px;    box-shadow: 3px 3px 3px #666666;    text-decoration: none;    display: none;}td:hover .tbox {display: block;}

登录后复制登录后复制111122223333$(function(){$(“td”).each(function(){var t = $(this);var obj = $(““);obj.addClass(“tbox”);obj.text(t.data(“title”));obj.attr(“href”,t.data(“href”));t.append(obj)})});

nbsp;html>            td {    position: relative;}td .tbox {    position: absolute;    left: 5px;    top: 100%;    background: #330099;    color: #99FFFF;    border: 1px solid #00FF00;    border-radius: 5px;    box-shadow: 3px 3px 3px #666666;    text-decoration: none;    display: none;}td:hover .tbox {display: block;}

登录后复制登录后复制111122223333$(function(){$(“td”).each(function(){var t = $(this);var obj = $(““);obj.addClass(“tbox”);obj.text(t.data(“title”));obj.attr(“href”,t.data(“href”));t.append(obj)})});