网页代码设计技巧系列之-一个非常不错的数据列的排序脚本.docVIP

下载本文档

6
0
约8.19千字
约 55页
2018-07-05 发布于浙江
举报
版权申诉

网页代码设计技巧系列之-一个非常不错的数据列的排序脚本.doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

网页代码设计技巧系列之-一个非常不错的数据列的排序脚本

要完成此效果需要两个步骤第一步：把如下代码加入到head区域中STYLE type=text/css.listDataTable { FONT-SIZE: 15px; FONT-FAMILY: Arial}.listTableHead {FONT-WEIGHT: bold; CURSOR: hand; FONT-FAMILY: Arial}.onMouseOnTr {CURSOR: default; COLOR: #ffffff; BACKGROUND-COLOR: #006699}.listTableHeadO {FONT-WEIGHT: bold; CURSOR: s-resize; COLOR: #ffffff; FONT-FAMILY: Arial; BACKGROUND-COLOR: #006699}.listHeadClicked {FONT-WEIGHT: bold; CURSOR: n-resize; COLOR: #ffffff; BACKGROUND-COLOR: #990033}.listHeadClicked0 {FONT-WEIGHT: bold; CURSOR: s-resize; COLOR: #ffffff; BACKGROUND-COLOR: #990033}/STYLE !-- .listDataTable //数据表的总风格 --!-- .listTableHead //数据表头的风格 --!-- .onMouseOnTr //鼠标移到时风格 --!-- .listTableHead0 //数据表头鼠标移到时的风格 --!-- .listHeadClicked //表头被选择时的风格 --!-- .listHeadClicked0 //表料再选择风格 --第二步：把如下代码加入到body区域中scriptfunction JM_jumpPage(direct,page,rows){page=(direct==up)?1:page+1;document.location=openings.php?page0=+page+rowsLimit=+rows;}function JM_HLTr(hStyle){eSrcObject=event.srcElementif (eSrcObject.tagName==TABLE)returnwhile(eSrcObject.tagName!=TReSrcObject.onyes!=head)eSrcObject=eSrcObject.parentElementif (eSrcObject.className!=hStyleeSrcObject.onyes!=headeSrcObject.id!=ignoreeSrcObject.className!=delStyleeSrcObject.className!=listTableHeadeSrcObject.className!=listTableHead0){eSrcObject.className=hStyle}if (eSrcObject.onyes==headeSrcObject.className!=listHeadClickedeSrcObject.className!=listHeadClicked0){eSrcObject.className=listTableHeadO;}}function JM_HLTrRestore(sStyle){if (event.fromElement.contains(event.toElement)||eSrcObject.contains(event.toElement)||eSrcObject.id==ignore||eSrcObject.className==delStyle)returnif (event.toElement!=eSrcObject){if (event.srcElement.onyes==headeSrcObject.className!=listHeadClickedeSrcObject.className!=listHeadClicked0){event.srcElement.className=listTableHead}else if(eSrcObject.className!=listHeadClickedeSrcObject.className!=listHeadClicked0){eSrcObject.className=sStyle}}}function JM_PowerList(colNum){