| 标题 | 按价格排序的小三角图标替换效果jquery |
| 范文 | html代码： <div>按价格排序<span></span></div> jquery代码： $(".price").click(function(){ $(this).children("span").toggleClass("price_desc"); }) $(".price").toggle(function(){$(this).attr("title","点击按价格从低到高排序");},function(){$(this).attr("title","点击按价格从高到低排序");}) 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;} |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。