kevinli
/
educoder
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

实训首页，时间与热度排序

This commit is contained in:
daiao 2017-04-26 09:36:10 +08:00
parent 476a69d38b
commit d69fcefcf5
2 changed files with 44 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/views/shixuns/index.html.erb
View File

@ -59,9 +59,18 @@
</div>
</form>
<p class=" color-grey fr">
<div class="postSort fr" id="shixun_time">
<a href="javascript:void(0);" class="linkGrey2 fl">时间排序</a>
<a href="javascript:void(0);" id="time_reorder" class="fl"></a>
</div>
<div class="postSort fr" id="shixun_hot">
<a href="javascript:void(0);" class="linkGrey2 fl">热度排序</a>
<a href="javascript:void(0);" id="hot_reorder" class="sortArrowActiveD fl"></a>
</div>
<!--
<a href="#" class="link-color-grey fr mr15">热度排序 </a>
<span class=" mr5 ml5 fr">|</span>
<a href="#" class="link-color-green fr">时间排序</a>
<a href="#" class="link-color-green fr">时间排序</a>-->
<span class="fr">排序方式：</span>
<span class="fr mr30">共 <span class="color-light-green">102</span> 个搜索结果</span>
</p>
@ -104,3 +113,33 @@
</div>
</div>
</div>
<script>
$(function(){
var nTime = $("#time_reorder");
var nHot = $("#hot_reorder");
$("#shixun_time").click(function(){
nHot.removeClass("sortArrowActiveD sortArrowActiveU");
if(nTime.hasClass("sortArrowActiveD")){
nTime.removeClass("sortArrowActiveD");
nTime.addClass("sortArrowActiveU");
}else if(nTime.hasClass("sortArrowActiveU")){
nTime.removeClass("sortArrowActiveU");
nTime.addClass("sortArrowActiveD");
}else{
nTime.addClass("sortArrowActiveD");
}
});
$("#shixun_hot").click(function(){
nTime.removeClass("sortArrowActiveD sortArrowActiveU");
if(nHot.hasClass("sortArrowActiveD")){
nHot.removeClass("sortArrowActiveD");
nHot.addClass("sortArrowActiveU");
}else if(nHot.hasClass("sortArrowActiveU")){
nHot.removeClass("sortArrowActiveU");
nHot.addClass("sortArrowActiveD");
}else{
nHot.addClass("sortArrowActiveD");
}
});
});
</script>

5
public/stylesheets/css/taskstyle.css
View File

@ -242,4 +242,7 @@ input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f
.search-wrapper.active .input-holder .search-input { opacity: 1; outline:none; background: none;}
.search-wrapper .input-holder .search-icon { width:20px; height:20px; border:none; padding:0px; outline:none; position: relative; z-index: 2; float:right; cursor: pointer; background: none; color: #666; top:2px;}
.search-wrapper .close { position: absolute; z-index: 1; top:2px; right:20px; width:25px; height:25px; cursor: pointer; opacity: 0;color: #666;}
.search-wrapper.active .close {right:-35px; opacity: 1;}
.search-wrapper.active .close {right:-35px; opacity: 1;}
a.sortArrowActiveD {background:url(../images/post_image_list.png) -0px -20px no-repeat; width:7px; height:9px; float:left; margin-top: 10px;margin-left: 5px;}
a.sortArrowActiveU {background:url(../images/post_image_list.png) -17px -20px no-repeat; width:7px; height:9px; float:left; margin-left:5px; margin-top:10px;}
.postSort {width:75px; float:right}