css背景悬停在当前页面的js
.zj_menu{ height: 160px; overflow: hidden;}
.zj_menu ul li{ float: left; width:300px; text-align: center;}
.zj_menu ul li a{ display:block; height: 50px; line-height: 50px; font-size: 20px; color: #333;background:url(../images/zj_li.gif) repeat-x; border-right: 1px solid #ded8cd;}
.zj_menu ul li.cur a,.zj_menu ul li a:hover{background:url(../images/zj_cur.gif) no-repeat center 0; padding-bottom: 13px; color: #fff; border-right: none;}
------------------------------------
<div class="zj_menu content" id="hp_dw">
<ul>
<li sid='0001,0002'><a href="/xzygk.html#hp_dw" title="信之源概况">信之源概况</a></li>
<li sid='0001,0004'><a href="/lstd.html#hp_dw" title="律师团队">律师团队</a></li>
<li sid='0001,0005'><a href="/cpyc.html#hp_dw" title="诚聘英才">诚聘英才</a></li>
<li sid='0001,0006'><a href="/lxxzy.html#hp_dw" title="联系信之源">联系信之源</a></li>
</ul>
</div>
<script type="text/javascript">
$(function () {
$(".zj_menu").find("li[sid='0001,0004']").addClass("cur");
})
</script>