按價格排序的小三角圖標(biāo)替換效果jquery

    html代碼：
    <div>按價格排序<span></span></div>
    jquery代碼：
    $(".price").click(function(){
    $(this).children("span").toggleClass("price_desc");
    })
    $(".price").toggle(function(){$(this).attr("title","點(diǎn)擊按價格從低到高排序");},function(){$(this).attr("title","點(diǎn)擊按價格從高到低排序");})
    CSS代碼：
    .price{cursor:pointer;position:relative;width:73px;}
    .price span{position:absolute;top:7px;right:0;margin-left:5px;width:8px;height:4px;background-image:url(../images/price.png); background-repeat:no-repeat;}
    .price .price_asc{background-position:0 0;}
    .price .price_desc{background-position:0 -6px;}
    修改css代碼中的圖片路徑，大小等顯示正常后，點(diǎn)擊文字就可以看到效果