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

来源：互联网发布：注册windows live ld 编辑：程序博客网时间：2024/06/05 18:57

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浏览器下不行