spiderfu的博客

实际效果初始表格点击语文，实现语文分数从上到下递增。点击数学，实现数学分数从上到下递增。思路对源数据的保存对每一列的数据进行保存，将需要排序的列保存两次，一个用来排序，一个用来后续比较确定新的位置。排序直接使用js的sort函数，详情参考W3school的JavaScript sort() 方法对应原数据重新展示排序好的数组和备份数组比较，如果相等则就是这条数据，将该条数据重新插回表格。html表格代码<table class="hovertable" width="80

先上效果图思路：1.设置背景层，左半圈，右半圈2.通过js调整左右半圈旋转角度，以及颜色的设置html代码<div class="circle-bar"> <div class="circle-bar-left"></div> <div class="circle-bar-right"></div> <div class="mask"> <span class="percent">&lt