这是简单的 HTML 代码：
<li class="main">
<a href="#">ImageLink</a> <!--1st anchor tag-->
<a href="#">ImageName</a> <!--2nd anchor tag-->
</li>
是否可以在第一个锚标记的悬停状态下更改第二个锚标记的颜色？ （反之亦然。）
不是用CSS。这种动作只能通过脚本来完成。
如果您使用 jQuery，您可以添加以下脚本：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript>
$(document).ready(function(){
var a1 = $('a:first');
var a2 = $('a:second');
a1.hover(function(){ a2.toggleClass('hover') }, function(){ a2.toggleClass('hover') });
a2.hover(function(){ a1.toggleClass('hover') }, function(){ a1.toggleClass('hover') });
});
</script>
现在您可以使用悬停类来指定颜色：
.hover { color: red; }
Edit两者都提供会更容易a是一个 id，因此您可以通过使用来引用它们var a1 = $('#a1');.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
