| 标题 | 按价格排序的小三角图标替换效果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;} 修改css代码中的图片路径，大小等显示正常后，点击文字就可以看到效果 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。