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>