1 /*---------最新前三篇文章高亮显示-------------*/ 2 function latest(){ 3 var color_arr=new Array( 4 "blue", //第1行颜色,以此类推 5 "orange", 6 "green", 7 "#999" 8 ); 9 start=1; //从第几行开始,默认从第1行 10 var classdiv='.calssTitle'; //上一个id,此div必须定义 11 12 var colornum=color_arr.length; 13 14 15 start-=1; 16 for(start;start<=colornum;start++){ 17 $(classdiv).next('div').children('div').eq(start).find('a').css({'color':color_arr[start]}); 18 } 19 }
html结构:
1 <div class="calssTitle"> 2 3 </div> 4 <div> 5 <div></div> 6 <div></div> 7 <div></div> 8 <div></div> 9 </div>
用的时候只需引入jq,在js里return latest();只需修改颜色或添加,即可自行判断高亮多少行。