【js与jquery】www.zhen.com首页<li>标签的hover事件-CSDN博客

本文链接：https://blog.csdn.net/yanhui_wei/article/details/8078242

1.网页代码：

<div class="indShop">
<ul>
	<li>
		<a href="#"><img src="http://www.zhen.com/statics/images/zhenpin/index_pic/30017001.jpg" /></a>
		<p class="bg"> </p>
		<p class="ms"><a href="#">Le Pilage尼龙折叠系列 法国“饺子包”</a></p>
	</li>
	<li>
		<a href="#"><img src="http://www.zhen.com/statics/images/zhenpin/index_pic/30017002.jpg" /></a>
		<p class="bg"> </p>
		<p class="ms"><a href="#">Le Pilage尼龙折叠系列 法国“饺子包”</a></p>
	</li>
	<li>
		<a href="#"><img src="http://www.zhen.com/statics/images/zhenpin/index_pic/30017003.jpg" /></a>
		<p class="bg"> </p>
		<p class="ms"><a href="#">Le Pilage尼龙折叠系列 法国“饺子包”</a></p>
	</li>
	<li>
		<a href="#"><img src="http://www.zhen.com/statics/images/zhenpin/index_pic/30017004.jpg" /></a>
		<p class="bg"> </p>
		<p class="ms"><a href="#">Le Pilage尼龙折叠系列 法国“饺子包”</a></p>
	</li>
	<li>
		<a href="#"><img src="http://www.zhen.com/statics/images/zhenpin/index_pic/30017005.jpg" /></a>
		<p class="bg"> </p>
		<p class="ms"><a href="#">Le Pilage尼龙折叠系列 法国“饺子包”</a></p>
	</li>
	<li>
		<a href="#"><img src="http://www.zhen.com/statics/images/zhenpin/index_pic/30017006.jpg" /></a>
		<p class="bg"> </p>
		<p class="ms"><a href="#">Le Pilage尼龙折叠系列 法国“饺子包”</a></p>
	</li>
</ul>

2.效果图如下：

3.效果实现：只需要在css样式文件中添加一行代码即可，如下

.indShop li:hover{background:#ccc;_background:#ccc;}

4.IE6浏览器下不行