添加跳转链接_html/css_WEB-ITnose

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

                   页面名称   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;}      1111  2222  3333      

回复讨论(解决方案)

给aaaa添加a标签

给aaaa添加a标签

1111
这个要怎么添加a标签

onclick="location=..."

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

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

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

                   页面名称   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;}        1111  2222  3333    $(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)	})});    

                   页面名称   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;}        1111  2222  3333    $(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)	})});    

你这个是个提示，是个属性！你自己要对此有些封装。使用div自己封装一个提示框

查看更多关于添加跳转链接_html/css_WEB-ITnose的详细内容...