<!DOCTYPE html>
<html>
<head>
<title>JS点击标题排序</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
<meta http-equiv="description" content="this is my page" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
*{padding:0;margin:0;}
body{font-family:"微软雅黑";font-size:12px;}
.wwwzzjsnet{width:550px;margin:20px auto;border-collapse:collapse;border:2px solid #666;text-align:center;}
table {width:100%;}
.wwwzzjsnet h1{background:#77DDFF;}
.wwwzzjsnet th{line-height:30px;color:#007D28;}
.wwwzzjsnet tr{background-color:#E8FFE8;}
.wwwzzjsnet tr td{border:0px solid #666;line-height:30px;}
.wwwzzjsnet tr th{background:#ccf;color:#000;}
.wwwzzjsnet tr:hover{background:#FFF3EE;}
.cursor{cursor: pointer;} /*鼠标移动到标题上
JS 点击标题进行排序
最新推荐文章于 2024-08-16 17:45:20 发布
本文介绍了如何利用JavaScript实现点击标题对数据进行排序的功能。首先展示了排序前的状态,然后详细说明了排序后的效果,通过实例代码解析了排序的实现过程。
摘要由CSDN通过智能技术生成