Question

css LI标签里有图片有文字,怎么设置超链接当鼠标经过的时候改变背景

<div class="nav">
<ul>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
<li><a href="#aa"><img src="./lxjpicture/rtygrtyh.png"><p>装修招标</p></a></li>
</ul>
</div>

Answer 1

<script type="text/javascript" src="jquery-1.11.3.min.js"></script>

<script type="text/javascript">

$(function(){

$('div.nav ul li').on('mouseover',function(){

$(this).css('background-color','red');

$(this).siblings().css('background-color','');

});

});

</script>

追问

这是应用到了JS块

追答

jquery