单击“焦点”时突出显示链接的元素

时间:2011-06-19 14:15:50

标签: css

我一直在寻找没有运气的年龄。我们的电子商务网站在查找表中包含应用程序链接,该详细信息表包含信息和信息。购物车按钮。在它工作的浏览器中,“聚焦”类似于工作(至少在锚单元上),但我需要关于如何使整个链接目标行改变背景颜色或文本颜色的想法。该网站是www.maxrules.com,一家舷外发动机零件供应商。 “http://maxrules.com/fixomcsealkit.html”是一个基本概念的页面。单击其中一个部件号链接到详细信息图表。我需要目标线以某种方式与其他线不同,因此客户肯定会得到正确的线。这可能也涉及js,但不确定要发布哪个论坛。这似乎更合适。

1 个答案:

答案 0 :(得分:1)

CSS拥有此

:target选择器
:target { color: red;}

然而IE 6-8并不支持它。要在IE上工作,你需要JS。像

这样的东西
<a href="#name" onclick="document.getElementById(this.href.substr(1)).className='target';">

比使用CSS

.target {color: red;}

唯一的缺点是,如果单击其他链接,此脚本不会删除该类,因此您最终可能会使用红色的多个产品。可以用更多的JS修复,但我留给你了

PS。如果是maxrules网站,则不需要空的<a>元素,只需将id="1212"添加到<tr>元素即可。这也解决了当点击链接时当前部分的顶部被剪裁的情况。