📄 原创作品 -- 数据重排1_0.htm
字号:
<TD>National IT Manager</TD>
<TD>000831044</TD>
<TD align=middle>1</TD>
<TD>Leading European Company</TD>
<TD>Logistics</TD>
<TD align=middle>SH</TD></TR>
<TR bgColor=#f7f7f7>
<TD>Financial Analyst</TD>
<TD>000828533</TD>
<TD align=middle>1</TD>
<TD>Top 100 US Company (MFG)</TD>
<TD>Finance</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#fdfdfd>
<TD>Solicitor</TD>
<TD>000828033</TD>
<TD align=middle>2</TD>
<TD>Multinational Law Firm</TD>
<TD>Legal</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#f7f7f7>
<TD>Translator/Interpreter</TD>
<TD>000828032</TD>
<TD align=middle>2</TD>
<TD>Multinational Firm</TD>
<TD>Legal</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#fdfdfd>
<TD>Engineering Leader</TD>
<TD>000827468</TD>
<TD align=middle>1</TD>
<TD>Leading US Company</TD>
<TD>Chemicals</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#f7f7f7>
<TD>QA Manager/Leader</TD>
<TD>000826432</TD>
<TD align=middle>2</TD>
<TD>Leading US Company</TD>
<TD>Chemicals</TD>
<TD align=middle>GZ/SH</TD></TR>
<TR bgColor=#fdfdfd>
<TD>HR Manager</TD>
<TD>000826307</TD>
<TD align=middle>1</TD>
<TD>Famous European Company</TD>
<TD>IT</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#f7f7f7>
<TD>Financial Manager</TD>
<TD>000825313</TD>
<TD align=middle>1</TD>
<TD>Top 100 US Company (MFG)</TD>
<TD>Finance</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#fdfdfd>
<TD>Application Design E</TD>
<TD>000824303</TD>
<TD align=middle>1</TD>
<TD>Leading US Company</TD>
<TD>Chemicals</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#f7f7f7>
<TD>Legal Advisor</TD>
<TD>000818337</TD>
<TD align=middle>2</TD>
<TD>Top 100 US Company</TD>
<TD>Commercial</TD>
<TD align=middle>GZ/SH</TD></TR>
<TR bgColor=#fdfdfd>
<TD>Sales</TD>
<TD>000817102</TD>
<TD align=middle>2</TD>
<TD>Multinational SI</TD>
<TD>IT</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#f7f7f7>
<TD>Engineer</TD>
<TD>000816331</TD>
<TD align=middle>2</TD>
<TD>Multinational SI</TD>
<TD>IT</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#fdfdfd>
<TD>Senior Accountant</TD>
<TD>000811330</TD>
<TD align=middle>2</TD>
<TD>Multinational Bank</TD>
<TD>Banking</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#f7f7f7>
<TD>Process Specialist</TD>
<TD>000811222</TD>
<TD align=middle>1</TD>
<TD>Top 100 US Company</TD>
<TD>Chemicals</TD>
<TD align=middle>GZ</TD></TR>
<TR bgColor=#fdfdfd>
<TD>Consultant</TD>
<TD>000725386</TD>
<TD align=middle>2</TD>
<TD>Top 100 US Company</TD>
<TD>IT</TD>
<TD align=middle>GZ/SH</TD></TR>
<TR id=ignore>
<TD align=right
colSpan=6></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD><IMG align=absBottom height=30
src="原创作品 -- 数据重排1_0.files/step.gif" width=30> 将下面的代码复制到
<head> 内 <INPUT name=Button onclick="JM_cc('js_1')" type=button value=复制到我的剪贴板>
<BR>
<FORM action="" method=post name=form1><TEXTAREA cols=80 name=js_1 rows=10 wrap=VIRTUAL><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>
</TEXTAREA> <BR><FONT color=#990000>解说: </FONT><BR>.listDataTable
//数据表的总风格<BR>.listTableHead //数据表头的风格<BR>.onMouseOnTr
//鼠标移到时风格<BR>.listTableHead0 //数据表头鼠标移到时的风格<BR>.listHeadClicked
//表头被选择时的风格<BR>.listHeadClicked0 //表料再选择风格<BR></FORM>
<P><BR><IMG align=absBottom height=30
src="原创作品 -- 数据重排1_0.files/step2.gif" width=30>
添加能被程序辨认的代码段<BR><B>A.</B>包含数据的Table内加上下方红色字体的代码 <BR><TABLE <FONT
color=#990000>class=listDataTable id=DataTable
<BR>onmouseover="JM_HLTr('onMouseOnTr')"
onmouseout="JM_HLTrRestore('')" </FONT><BR>cellSpacing=2
cellPadding=2 width="100%" border=0>
<BR><BR><B>B.</B>在<B>A</B>的<Table>的上一级元素加上<FONT color=#990000>
id=clearStart </FONT>如本页面<Table>上一级元素为<td>因而我们将其改为:<FONT
color=#990000><TD id=clearStart>
<BR><BR></FONT><B>C.</B>表头元素加入 <FONT
color=#990000>class=listTableHead onclick=JM_PowerList(0)
onyes="head"</FONT><BR>如本页的表头TD中的内容改为<TD <FONT
color=#990000>class=listTableHead onclick=JM_PowerList(0)
onyes="head"</FONT>>Positions</TD> <BR><BR><B>*注意*
:</B>onClick=JM_PoserList(0)表示按第一列数据排列，JM_PoserList(1)表示按按第二列数据重排，如此类推.在一些你不想表格变色的对象加入<FONT
color=#990000>id=ignore</FONT>.<BR><BR><IMG align=absBottom
height=30 src="原创作品 -- 数据重排1_0.files/step3.gif" width=30> 添加程序代码段
点这里下再 <A href="原创作品 -- 数据重排1_0.files/jm_list.js">jm_list.js</A>
然后在页面内加入 <SCRIPT language=JavaScript
src="jm_list.js"></SCRIPT><BR><BR><IMG height=30
src="原创作品 -- 数据重排1_0.files/step4.gif" width=30>
同样是那句，有问题，请提出来，让我们知道问题，我们才能改进，大家才能使用更好的脚本。<A
href="http://51js.1000box.net/index.php">点这进入我们的论坛</A></P></TD></TR></TBODY></TABLE></TD>
<TD><IMG height=1 src="" width=11></TD></TR></TBODY></TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR bgColor=#ffffff>
<TD><IMG height=14 src="原创作品 -- 数据重排1_0.files/sq_3.gif" width=11></TD>
<TD width="100%"></TD>
<TD><IMG height=14 src="原创作品 -- 数据重排1_0.files/sq_4.gif"
width=11></TD></TR></TBODY></TABLE></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -