﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>语源科技BlogJava-Oo缘来是你oO</title><link>http://www.blogjava.net/majianan/</link><description>&lt;br&gt;
&lt;div align=center &gt;
&lt;img width=200 height=50 src="http://www.blogjava.net/images/blogjava_net/majianan/14891/r_5858488902000cu2.gif" name="welcome"&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;script language="JavaScript"&gt;
&lt;!-- Begin
text = "人本是人，不必刻意去做人；世本是世，无须精心去处世；自然的才是快乐的。"; 
color1 = "blue"; 
color2 = "red"; fontsize = "2"; 
speed = 100; 
i = 0;
if (navigator.appName == "Netscape") {
document.write("&lt;layer id=a visibility=show&gt;&lt;/layer&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;");
}
else {
document.write("&lt;div id=a&gt;&lt;/div&gt;");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("&lt;center&gt;&lt;font face=arial size =" + fontsize + "&gt;&lt;font color=" + color1 + 
"&gt;");
for (var j = 0; j &lt; text.length; j++) {
if(j == i) {
document.a.document.write("&lt;font face=arial color=" + color2 + "&gt;" + Text.charAt(i) + "&lt;/font&gt;");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('&lt;/font&gt;&lt;/font&gt;&lt;/center&gt;');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "&lt;center&gt;&lt;font face=arial size=" + fontsize + "&gt;&lt;font color=" + color1 + "&gt;";
for (var j = 0; j &lt; text.length; j++) {
if( j == i) {
str += "&lt;font face=arial color=" + color2 + "&gt;" + text.charAt(i) + "&lt;/font&gt;";
}
else {
str += text.charAt(j);
}
}
str += "&lt;/font&gt;&lt;/font&gt;&lt;/center&gt;";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
// End --&gt;
&lt;/script&gt; 
</description><language>zh-cn</language><lastBuildDate>Tue, 28 Apr 2026 14:31:51 GMT</lastBuildDate><pubDate>Tue, 28 Apr 2026 14:31:51 GMT</pubDate><ttl>60</ttl><item><title>表格列宽鼠标拖动</title><link>http://www.blogjava.net/majianan/archive/2009/03/03/257541.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Tue, 03 Mar 2009 06:04:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2009/03/03/257541.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/257541.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2009/03/03/257541.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/257541.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/257541.html</trackback:ping><description><![CDATA[<p style="text-align: center" mce_style="text-align: center;"><span style="font-family: verdana,geneva" mce_style="font-family: verdana,geneva;"><span style="font-size: medium" mce_style="font-size: medium;">表格列宽鼠标拖动</span></span></p>
<p style="text-align: center" mce_style="text-align: center;"><span style="font-family: verdana,geneva" mce_style="font-family: verdana,geneva;"><a href="http://blog.csdn.net/majianan/" target="_blank" mce_href="http://blog.csdn.net/majianan/">马嘉楠</a>&nbsp;&nbsp;&nbsp; 2009-03-03</span></p>
<p>&nbsp;</p>
<p><span style="font-family: verdana,geneva" mce_style="font-family: verdana,geneva;">共同学习，欢迎转载。转载请注明地址【</span><a href="http://blog.csdn.net/majianan/archive/2009/03/03/3952649.aspx" mce_href="http://blog.csdn.net/majianan/archive/2009/03/03/3952649.aspx">http://blog.csdn.net/majianan/archive/2009/03/03/3952649.aspx</a><a href="http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx" mce_href="http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx"></a><span style="font-family: verdana,geneva" mce_style="font-family: verdana,geneva;">】，谢谢O(&#8745;_&#8745;)O！</span></p>
<p>&nbsp;</p>
<p><span style="font-family: verdana,geneva" mce_style="font-family: verdana,geneva;">/******************************************<br />
&nbsp;* 没有版权 任意修改 改好了请发给我一份 O(&#8745;_&#8745;)O<br />
&nbsp;* Email：<a href="mailto:jianan.ma@gmail.com" mce_href="mailto:jianan.ma@gmail.com">jianan.ma@gmail.com</a><br />
&nbsp;* QQ:52524611<br />
&nbsp;*******************************************/</span></p>
<p>&nbsp;功能：1）鼠标拖动列宽。2）双击恢复列宽</p>
<p>&nbsp;</p>
<p><textarea class="javascript:nogutter:nocontrols" name="code" rows="22" cols="78">&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;表格列宽鼠标拖动&lt;/TITLE&gt;
&lt;META content="text/html; charset=gb2312" http-equiv=Content-Type&gt;
&lt;/HEAD&gt;
&lt;mce:style&gt;&lt;!--
.line{
position:absolute;
width:1px;
height:100px;
background-color:#000000;
}
table {
border-collapse: collapse;
border: 1 solid;
padding-left: 100px;
}
thead td {
background: #c0c0c0;
cursor: col-resize;
height: 16px;
text-align: center;
}
td div {
cursor: default;
}
td {
font:menu;
padding: 5px;
border: 1px solid;
text-align: center;
}
--&gt;&lt;/mce:style&gt;&lt;style mce_bogus="1"&gt;	.line{
position:absolute;
width:1px;
height:100px;
background-color:#000000;
}
table {
border-collapse: collapse;
border: 1 solid;
padding-left: 100px;
}
thead td {
background: #c0c0c0;
cursor: col-resize;
height: 16px;
text-align: center;
}
td div {
cursor: default;
}
td {
font:menu;
padding: 5px;
border: 1px solid;
text-align: center;
}&lt;/style&gt;
&lt;mce:script language="javascript"&gt;&lt;!--
/******************************************
* 没有版权 任意修改 改好了请发给我一份 O(&#8745;_&#8745;)O
* Email：jianan.ma@gmail.com
* QQ:52524611
*******************************************/
//global variable
var MouseDown=false;
var currentTd = null;
var currentTable = null;
var NewLine=null; //鼠标点击、拖动时产生的线
/******************************************
* Funciont Name:	ResizeTd
* Description:
* @Param：
* @Return：
*******************************************/
function ResizeTd(){
if(event.srcElement.name!="headTd") return;
//获取当前操作的TD对象
setCurrentTd();
MouseDown=true;
NewLine = document.createElement("div");
NewLine.className = 'line';
document.body.appendChild(NewLine);
NewLine.style.height= currentTable.offsetHeight;
NewLine.style.left = document.body.scrollLeft+event.x;
NewLine.style.top = currentTable.offsetTop;
}
/******************************************
* Funciont Name:	setCurrentTd
* Description:
* @Param：
* @Return：
*******************************************/
function setCurrentTd(){
var td = event.srcElement;
currentTable = td.parentElement.parentElement.parentElement;
var tdLeft = td.offsetLeft + currentTable.offsetLeft;
var thead = currentTable.rows[0].cells;
if(event.x-tdLeft&lt;5){//鼠标位置在下一个td的左侧
if(thead[0]==td){//拖动table左侧边线是无效操作
currentTd = null;
return;
}
for(var i=1;i&lt;thead.length;i++){
if(thead[i]==td)
currentTd=thead[i-1];
}
}else{
currentTd=td;
}
}
/******************************************
* Funciont Name:	restoreTD
* Description:
* @Param：
* @Return：
*******************************************/
function restoreTD(){
if(event.srcElement.name!="headTd") return;
setCurrentTd();
if(currentTd==null) return;
currentTd.style.width='0px'
}
document.onmouseup = function(){
if(MouseDown){
MouseDown=false;
var tdWidth = parseInt(currentTd.clientWidth);
width=event.x-parseInt(currentTd.offsetLeft)-parseInt(currentTable.offsetLeft)-tdWidth;
if(Math.abs(width)&gt;2&amp;&amp;(width+tdWidth)&gt;0){
currentTd.style.width=tdWidth+width-currentTable.offsetLeft;
}
document.body.removeChild(NewLine);
}
}
document.onmousemove = function(){
if(MouseDown){
NewLine.style.left=document.body.scrollLeft+event.x;
}
}
// --&gt;&lt;/mce:script&gt;
&lt;BODY&gt;
&lt;table id="resizeTable" onselectstart="return false;" &gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;td name="headTd" data="姓名" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;姓名&lt;/div&gt;&lt;/td&gt;
&lt;td name="headTd" data="性别" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;性别&lt;/div&gt;&lt;/td&gt;
&lt;td name="headTd" data="电话" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;电话&lt;/div&gt;&lt;/td&gt;
&lt;td name="headTd" data="住址" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;住址&lt;/div&gt;&lt;/td&gt;
&lt;td name="headTd" data="面貌" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;政治面貌&lt;/div&gt;&lt;/td&gt;
&lt;td name="headTd" data="学历" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;学历&lt;/div&gt;&lt;/td&gt;
&lt;td name="headTd" data="备注" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"&gt;&lt;div&gt;备注&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;mce:script language="javascript"&gt;&lt;!--
for(i=0;i&lt;10;i++){
var html='&lt;tr&gt;';
html+='&lt;td&gt;人员'+(i+1)+'&lt;/td&gt;';
html+='&lt;td&gt;男&lt;/td&gt;';
html+='&lt;td&gt;12345&lt;/td&gt;';
html+='&lt;td&gt;中国 江苏 南京&lt;/td&gt;';
html+='&lt;td&gt;党员&lt;/td&gt;';
html+='&lt;td&gt;本科&lt;/td&gt;';
html+='&lt;td&gt;测试表格列宽鼠标拖动&lt;/td&gt;';
html+='&lt;/tr&gt; ';
document.write(html);
}
// --&gt;&lt;/mce:script&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</textarea><span style="font-family: verdana,geneva" mce_style="font-family: verdana,geneva;"> </span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img src ="http://www.blogjava.net/majianan/aggbug/257541.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2009-03-03 14:04 <a href="http://www.blogjava.net/majianan/archive/2009/03/03/257541.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【JavaScript】悬浮窗口</title><link>http://www.blogjava.net/majianan/archive/2009/01/13/251029.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Tue, 13 Jan 2009 00:16:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2009/01/13/251029.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/251029.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2009/01/13/251029.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/251029.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/251029.html</trackback:ping><description><![CDATA[<span style="font-family: Verdana">
<p align="center"><span style="font-family: Verdana"><a href="http://blog.csdn.net/majianan/archive/2009/01/13/3764680.aspx">【JavaScript】悬浮窗口</a></span></p>
<p align="center"><span style="font-family: Verdana"><a href="http://blog.csdn.net/majianan">马嘉楠</a> 2009-01-13</span></p>
<p align="left"><span style="font-family: Verdana"><br />
</p>
<p><font face="Arial">共同学习，欢迎转载。转载请注明地址【</font><font face="Arial"><a href="http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx">http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx</a></font><font face="Arial">】，谢谢O(&#8745;_&#8745;)O！</font></p>
<p align="left"><br />
主要是window.onscroll的运用<br />
<br />
效果如图：</span></p>
<span style="font-family: Verdana">
<p align="left"><br />
<br />
<img height="383" alt="" src="http://www.blogjava.net/images/blogjava_net/majianan/18165/o_scroll.jpg" width="609" border="0" /><br />
<br />
代码如下：<br />
</p>
<p align="center"></span></p>
<div align="left">
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">悬浮窗口示例</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">script&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000; background-color: #f5f5f5"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.onscroll&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;()&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;div&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">divSuspended</span><span style="color: #000000; background-color: #f5f5f5">"</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;div.style.top&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;document.body.scrollTop;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.onresize&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;window.onscroll;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;init(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;df&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;document.createDocumentFragment();<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">for</span><span style="color: #000000; background-color: #f5f5f5">(</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">;i</span><span style="color: #000000; background-color: #f5f5f5">&lt;</span><span style="color: #000000; background-color: #f5f5f5">20</span><span style="color: #000000; background-color: #f5f5f5">;i</span><span style="color: #000000; background-color: #f5f5f5">++</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;p&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;document.createElement(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">p</span><span style="color: #000000; background-color: #f5f5f5">"</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p.appendChild(document.createTextNode(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;Line&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">+</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">i));<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;df.appendChild(p);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.body.appendChild(df);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.onscroll();<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">body&nbsp;</span><span style="color: #ff0000">onload</span><span style="color: #0000ff">="init()"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Try&nbsp;scrolling&nbsp;this&nbsp;window.</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">div&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="divSuspended"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="position:&nbsp;absolute;&nbsp;buttom:&nbsp;0px;&nbsp;right:&nbsp;0px;&nbsp;color:&nbsp;#cccccc;&nbsp;width:&nbsp;150px;&nbsp;height:&nbsp;30px;&nbsp;background-color:&nbsp;navy"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">这是悬浮窗口</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
</span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
</span></div>
</div>
<p align="left"><br />
&nbsp;</p>
</span>
<img src ="http://www.blogjava.net/majianan/aggbug/251029.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2009-01-13 08:16 <a href="http://www.blogjava.net/majianan/archive/2009/01/13/251029.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【JavaScript】列表（Select）选项（Option）的移动（上下左右）</title><link>http://www.blogjava.net/majianan/archive/2009/01/11/250894.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Sun, 11 Jan 2009 14:58:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2009/01/11/250894.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/250894.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2009/01/11/250894.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/250894.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/250894.html</trackback:ping><description><![CDATA[<span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp; </span></span>
<p align="center"><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;【JavaScript】列表（Select）选项（Option）的移动（上下左右）</span></span></p>
<p align="center"><a href="http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx"><span style="font-family: Verdana"><span style="font-family: Verdana">马嘉楠&nbsp;</span></span></a><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;&nbsp; 2009-1-11</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">共同学习，欢迎转载。转载请注明地址【</span></span><a href="http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx"><span style="font-family: Verdana"><span style="font-family: Verdana">http://blog.csdn.net/majianan/archive/2009/01/11/3754521.aspx</span></span></a><a href="http://blog.csdn.net/majianan/archive/2008/12/26/3614255.aspx"></a><span style="font-family: Verdana"><span style="font-family: Verdana">】，谢谢O(&#8745;_&#8745;)O！</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">对《</span></span><a href="http://blog.csdn.net/majianan/archive/2008/12/26/3614255.aspx"><span style="font-family: Verdana"><span style="font-family: Verdana">【JavaScript】列表元素上下左右移动：Select和Option的应用</span></span></a><span style="font-family: Verdana"><span style="font-family: Verdana">》中的方法进行了优化。</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">1.使用appendChild（）方法优化左右移动函数moveRight（）</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">2.使用insertBefore（）方法优化上下移动函数moveUp（）<br />
</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">3.修改同时选中多项上下移动不正常的Bug</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">功能如下：</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">支持一次选中多项在左右列表中来回移动</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;</span></span></p>
<script language="javascript">
	var currentSel = null;
	function setButton(obj){        
		if(obj.length==0) return;
		currentSel = obj;
		if(obj.id=="leftSel"){
			document.getElementById("btnLeft").disabled = true;
			document.getElementById("btnRight").disabled = false;                
			reSelect(document.getElementById("rightSel"));            
		}else{
			document.getElementById("btnLeft").disabled = false;
			document.getElementById("btnRight").disabled = true;               
			reSelect(document.getElementById("leftSel"));                
		}       
	}

	  function move(){
		  if(arguments.length==1){
			  moveUp(arguments[0]);
		  }else if(arguments.length==2){
			  moveRight(arguments[0],arguments[1]);
		  }
	  }

	  function moveUp(direction){
		  if(currentSel == null) return;
		  var index = currentSel.selectedIndex;
		  if(direction){//up
			if (index > 0) {    
				var oOption = currentSel.options[index];
				var oPrevOption = currentSel.options[index-1];
				currentSel.insertBefore(oOption, oPrevOption);
			} 
		  }else{//down
			  if (index < currentSel.options.length - 1) {
				var oOption = currentSel.options[index];
				var oNextOption = currentSel.options[index+1];
				currentSel.insertBefore(oNextOption, oOption);
			}
		  }
	  }

    function moveRight(src,des){
        if(src.selectedIndex==-1){
            alert("Please select first!");
            return;
        }
        for(var i=0;i<src.length;i++){ if(src[i].selected){
				des.appendChild(src.options[i--]);
            }
        }
		setButton(des);
    }
    
    function reSelect(obj){
        for(var i="0;" i<obj.length; i++){
            if(obj[i].selected) obj[i]. selected="false;
"        }
    }
    </SCRIPT>
<form id="form1">
    <table width="40%" align="center">
        <tbody>
            <tr>
                <td><input id="btnUp" style="width: 65px" onclick="move(true);" type="button" value=" Up " /><span style="font-family: Verdana"><span style="font-family: Verdana"> <br />
                </span></span><input id="btnDowm" style="width: 65px" onclick="move(false);" type="button" value=" Down " /><span style="font-family: Verdana"><span style="font-family: Verdana"> </span></span></td>
                <td><select id="leftSel" ondblclick="document.getElementById('btnRight').click()" style="width: 100px; height: 200px" onclick="setButton(this)" multiple> OPTION value=1&gt;Java
                <option value="2">JavaScript</option>
                <option value="3">C++</option>
                <option value="4">HTML</option>
                </select><span style="font-family: Verdana"><span style="font-family: Verdana"> </span></span></td>
                <td><input id="btnRight" style="width: 65px" onclick="move(document.getElementById('leftSel'),document.getElementById('rightSel'));" type="button" value="  />> "><span style="font-family: Verdana"><span style="font-family: Verdana"> <br />
                </span></span><input id="btnLeft" style="width: 65px" onclick="move(document.getElementById('rightSel'),document.getElementById('leftSel'));" type="button" value=" << " /><span style="font-family: Verdana"><span style="font-family: Verdana"> </span></span></td>
                <td><select id="rightSel" ondblclick="document.getElementById('btnLeft').click()" style="width: 100px; height: 200px" onclick="setButton(this)" multiple>
                <option value="5">CSS</option>
                <option value="6">.Net</option>
                </select><span style="font-family: Verdana"><span style="font-family: Verdana"> </span></span></td>
            </tr>
        </tbody>
    </table>
</form>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">&nbsp;</span></span></p>
<p><span style="font-family: Verdana"><span style="font-family: Verdana">代码如下：</span></span></p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><span style="color: #0000ff">&lt;!</span><span style="color: #ff00ff">DOCTYPE&nbsp;HTML&nbsp;PUBLIC&nbsp;"-//W3C//DTD&nbsp;HTML&nbsp;4.0&nbsp;Transitional//EN"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
</span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">HTML</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">HEAD</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">TITLE</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;New&nbsp;Document&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">TITLE</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">META&nbsp;</span><span style="color: #ff0000">NAME</span><span style="color: #0000ff">="Author"</span><span style="color: #ff0000">&nbsp;CONTENT</span><span style="color: #0000ff">="majianan"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
</span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">SCRIPT&nbsp;</span><span style="color: #ff0000">language</span><span style="color: #0000ff">=javascript</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000; background-color: #f5f5f5"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;currentSel&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">null</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;setButton(obj){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(obj.length</span><span style="color: #000000; background-color: #f5f5f5">==</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">)&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">return</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;currentSel&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;obj;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(obj.id</span><span style="color: #000000; background-color: #f5f5f5">==</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">leftSel</span><span style="color: #000000; background-color: #f5f5f5">"</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">btnLeft</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">).disabled&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">true</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">btnRight</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">).disabled&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">false</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;reSelect(document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">rightSel</span><span style="color: #000000; background-color: #f5f5f5">"</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span><span style="color: #0000ff; background-color: #f5f5f5">else</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">btnLeft</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">).disabled&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">false</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">btnRight</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">).disabled&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">true</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;reSelect(document.getElementById(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">leftSel</span><span style="color: #000000; background-color: #f5f5f5">"</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;move(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(arguments.length</span><span style="color: #000000; background-color: #f5f5f5">==</span><span style="color: #000000; background-color: #f5f5f5">1</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;moveUp(arguments[</span><span style="color: #000000; background-color: #f5f5f5">0</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span><span style="color: #0000ff; background-color: #f5f5f5">else</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(arguments.length</span><span style="color: #000000; background-color: #f5f5f5">==</span><span style="color: #000000; background-color: #f5f5f5">2</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;moveRight(arguments[</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">],arguments[</span><span style="color: #000000; background-color: #f5f5f5">1</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;moveUp(direction){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(currentSel&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">==</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">null</span><span style="color: #000000; background-color: #f5f5f5">)&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">return</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(direction){</span><span style="color: #008000; background-color: #f5f5f5">//</span><span style="color: #008000; background-color: #f5f5f5">up</span></span><span style="color: #008000; background-color: #f5f5f5"><br />
</span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;(currentSel.selectedIndex&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">&gt;</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">0</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">)&nbsp;{&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">for</span><span style="color: #000000; background-color: #f5f5f5">(</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">;i</span><span style="color: #000000; background-color: #f5f5f5">&lt;</span><span style="color: #000000; background-color: #f5f5f5">currentSel.length;i</span><span style="color: #000000; background-color: #f5f5f5">++</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">(currentSel[i].selected){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;oOption&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;currentSel.options[i];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;oPrevOption&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;currentSel.options[i</span><span style="color: #000000; background-color: #f5f5f5">---</span><span style="color: #000000; background-color: #f5f5f5">1</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;currentSel.insertBefore(oOption,&nbsp;oPrevOption);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span><span style="color: #0000ff; background-color: #f5f5f5">else</span><span style="color: #000000; background-color: #f5f5f5">{</span><span style="color: #008000; background-color: #f5f5f5">//</span><span style="color: #008000; background-color: #f5f5f5">down</span></span><span style="color: #008000; background-color: #f5f5f5"><br />
</span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">for</span><span style="color: #000000; background-color: #f5f5f5">(</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">currentSel.length</span><span style="color: #000000; background-color: #f5f5f5">-</span><span style="color: #000000; background-color: #f5f5f5">1</span><span style="color: #000000; background-color: #f5f5f5">;i</span><span style="color: #000000; background-color: #f5f5f5">&gt;=</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">;i</span><span style="color: #000000; background-color: #f5f5f5">--</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">(currentSel[i].selected){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(i</span><span style="color: #000000; background-color: #f5f5f5">==</span><span style="color: #000000; background-color: #f5f5f5">currentSel.length</span><span style="color: #000000; background-color: #f5f5f5">-</span><span style="color: #000000; background-color: #f5f5f5">1</span><span style="color: #000000; background-color: #f5f5f5">)&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">return</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;oOption&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;currentSel.options[i];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;oNextOption&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;currentSel.options[i</span><span style="color: #000000; background-color: #f5f5f5">+</span><span style="color: #000000; background-color: #f5f5f5">1</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;currentSel.insertBefore(oNextOption,&nbsp;oOption);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;moveRight(src,des){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(src.selectedIndex</span><span style="color: #000000; background-color: #f5f5f5">==-</span><span style="color: #000000; background-color: #f5f5f5">1</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">Please&nbsp;select&nbsp;first!</span><span style="color: #000000; background-color: #f5f5f5">"</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">return</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">for</span><span style="color: #000000; background-color: #f5f5f5">(</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">;i</span><span style="color: #000000; background-color: #f5f5f5">&lt;</span><span style="color: #000000; background-color: #f5f5f5">src.length;i</span><span style="color: #000000; background-color: #f5f5f5">++</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">(src[i].selected){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;des.appendChild(src.options[i</span><span style="color: #000000; background-color: #f5f5f5">--</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setButton(des);<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">&nbsp;reSelect(obj){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">for</span><span style="color: #000000; background-color: #f5f5f5">(</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">;&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">&lt;</span><span style="color: #000000; background-color: #f5f5f5">obj.length;&nbsp;i</span><span style="color: #000000; background-color: #f5f5f5">++</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(obj[i].selected)&nbsp;obj[i].selected&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">false</span></span><span style="font-family: Verdana"><span style="color: #000000; background-color: #f5f5f5">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">SCRIPT</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<br />
<span style="font-family: Verdana">&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">HEAD</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<br />
<span style="font-family: Verdana">&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">BODY</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">form&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="form1"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">table&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="40%"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">input&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">&nbsp;value</span><span style="color: #0000ff">="&nbsp;Up&nbsp;"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="btnUp"</span><span style="color: #ff0000">&nbsp;onClick</span><span style="color: #0000ff">="move(true);"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="width:65"</span><span style="color: #0000ff">/&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">br&nbsp;</span><span style="color: #0000ff">/&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">input&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">&nbsp;value</span><span style="color: #0000ff">="&nbsp;Down&nbsp;"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="btnDowm"</span><span style="color: #ff0000">&nbsp;onClick</span><span style="color: #0000ff">="move(false);"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="width:65"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">select&nbsp;</span><span style="color: #ff0000">multiple&nbsp;id</span><span style="color: #0000ff">="leftSel"</span><span style="color: #ff0000">&nbsp;onclick</span><span style="color: #0000ff">="setButton(this)"</span><span style="color: #ff0000">&nbsp;ondblclick</span><span style="color: #0000ff">="document.getElementById('btnRight').click()"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="height:200px;width:100px;"</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="1"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Java</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="2"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">JavaScript</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="3"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">C++</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="4"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">HTML</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">select</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">input&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">&nbsp;value</span><span style="color: #0000ff">="&nbsp;&gt;&gt;&nbsp;"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="btnRight"</span><span style="color: #ff0000">&nbsp;onClick</span><span style="color: #0000ff">="move(document.getElementById('leftSel'),document.getElementById('rightSel'));"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="width:65"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">br&nbsp;</span><span style="color: #0000ff">/&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">input&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">&nbsp;value</span><span style="color: #0000ff">="&nbsp;&lt;&lt;&nbsp;"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="btnLeft"</span><span style="color: #ff0000">&nbsp;onClick</span><span style="color: #0000ff">="move(document.getElementById('rightSel'),document.getElementById('leftSel'));"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="width:65"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">select&nbsp;</span><span style="color: #ff0000">multiple&nbsp;id</span><span style="color: #0000ff">="rightSel"</span><span style="color: #ff0000">&nbsp;onclick</span><span style="color: #0000ff">="setButton(this)"</span><span style="color: #ff0000">&nbsp;&nbsp;ondblclick</span><span style="color: #0000ff">="document.getElementById('btnLeft').click()"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="height:200px;width:100px;"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="5"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">CSS</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="6"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">.Net</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">select</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">table</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">form</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<span style="font-family: Verdana">&nbsp;</span></span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">BODY</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
</span><span style="font-family: Verdana"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">HTML</span><span style="color: #0000ff">&gt;</span></span><span style="color: #000000"><br />
<br />
</span></div>
<img src ="http://www.blogjava.net/majianan/aggbug/250894.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2009-01-11 22:58 <a href="http://www.blogjava.net/majianan/archive/2009/01/11/250894.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【原】CSS+JavaScript 实现TabPane页签</title><link>http://www.blogjava.net/majianan/archive/2008/12/30/249173.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Tue, 30 Dec 2008 06:35:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/12/30/249173.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/249173.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/12/30/249173.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/249173.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/249173.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: CSS+JavaScript 实现TabPane页签马嘉楠&nbsp;&nbsp;&nbsp; 2008-12-30&nbsp;共同学习，欢迎转载。转载请注明地址【http://blog.csdn.net/majianan/archive/2008/12/30/3646565.aspx】，谢谢！&nbsp;CSS+JavaScript 实现TabPane页签功能，支持二级tab...&nbsp;&nbsp;<a href='http://www.blogjava.net/majianan/archive/2008/12/30/249173.html'>阅读全文</a><img src ="http://www.blogjava.net/majianan/aggbug/249173.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-12-30 14:35 <a href="http://www.blogjava.net/majianan/archive/2008/12/30/249173.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【原】【JavaScript】列表元素上下左右移动：Select和Option的应用</title><link>http://www.blogjava.net/majianan/archive/2008/12/26/248462.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Fri, 26 Dec 2008 07:20:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/12/26/248462.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/248462.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/12/26/248462.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/248462.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/248462.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: &nbsp;【JavaScript】列表元素上下左右移动：Select和Option的应用马嘉楠&nbsp;&nbsp;&nbsp; 2008-12-26共同学习，欢迎转载。转载请注明地址【http://blog.csdn.net/majianan/archive/2008/12/26/3614255.aspx】，谢谢O(&#8745;_&#8745;)O！&nbsp;&nbsp;...&nbsp;&nbsp;<a href='http://www.blogjava.net/majianan/archive/2008/12/26/248462.html'>阅读全文</a><img src ="http://www.blogjava.net/majianan/aggbug/248462.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-12-26 15:20 <a href="http://www.blogjava.net/majianan/archive/2008/12/26/248462.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JavaScript中字符串连接性能优化</title><link>http://www.blogjava.net/majianan/archive/2008/12/20/247417.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Fri, 19 Dec 2008 16:09:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/12/20/247417.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/247417.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/12/20/247417.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/247417.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/247417.html</trackback:ping><description><![CDATA[<p align="center"><span style="font-family: Verdana">JavaScript中字符串连接性能优化</span></p>
<p align="center"><span style="font-family: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -- JavaScript 学习笔记</span></p>
<p align="center"><a href="http://blog.csdn.net/majianan"><span style="font-family: Verdana">马嘉楠</span></a><span style="font-family: Verdana">&nbsp;&nbsp;&nbsp; 2008-12-19</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;str&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;&nbsp;<br />
str&nbsp;</span><span style="color: #000000">+=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">&nbsp;world</span><span style="color: #000000">"</span><span style="color: #000000">;&nbsp;</span></span></div>
<p class="highlighter">&nbsp;</p>
<p><span style="font-family: Verdana">后台所做工作：</span></p>
<p><span style="font-family: Verdana">1）创建存储 "hello" 的字符串，且使 str 指向它。</span></p>
<p><span style="font-family: Verdana">2）创建存储 "world" 的字符串。</span></p>
<p><span style="font-family: Verdana">3）创建存储结果的字符串。</span></p>
<p><span style="font-family: Verdana">4）将 str 中的当前内容复制到结果字符串中。</span></p>
<p><span style="font-family: Verdana">5）把 world 复制到结果字符串中。</span></p>
<p><span style="font-family: Verdana">6）更新 str ，使 str 指向结果字符串。</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<p><span style="font-family: Verdana">每拼接一次字符串就循环重复2）~6），如果重复成百上千次则会非常消耗资源，影响性能。</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<p><strong><span style="font-family: Verdana">解决方法：</span></strong></p>
<p><span style="font-family: Verdana">使用 Array 对象存储字符串，之后使用 join（）方法输出结果。</span></p>
<p><span style="font-family: Verdana">仿照 Java 中的 StringBuffer 类。</span></p>
<p class="highlighter">&nbsp;</p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">function</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;StringBuffer(){&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">this</span><span style="color: #000000">._strings&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;Array;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;StringBuffer.prototype.append&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">function</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;(str){&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">this</span></span><span style="font-family: Verdana"><span style="color: #000000">._strings.push(str);&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;StringBuffer.prototype.toString&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">function</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;(){&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">return</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">this</span><span style="color: #000000">._strings.join(</span><span style="color: #000000">""</span></span><span style="color: #000000"><span style="font-family: Verdana">);&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;</span></span></div>
<p class="highlighter">&nbsp;</p>
<p><strong><span style="font-family: Verdana">测试性能：</span></strong></p>
<p><span style="font-family: Verdana">代码1：使用 "+=" 拼接字符串</span></p>
<p class="highlighter">&nbsp;</p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;d&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;Date();&nbsp;<br />
</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;str&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">""</span></span><span style="font-family: Verdana"><span style="color: #000000">;&nbsp;<br />
</span><span style="color: #0000ff">for</span><span style="color: #000000">(</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;i</span><span style="color: #000000">=</span><span style="color: #000000">0</span><span style="color: #000000">;i</span><span style="color: #000000">&lt;</span><span style="color: #000000">10000</span><span style="color: #000000">;i</span><span style="color: #000000">++</span></span><span style="font-family: Verdana"><span style="color: #000000">){&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;</span><span style="color: #000000">+=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">test</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;&nbsp;<br />
}&nbsp;<br />
<br />
</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;d2&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;Date();&nbsp;<br />
document.writeln(d2.getTime()</span><span style="color: #000000">-</span><span style="color: #000000">d.getTime());&nbsp;</span></span></div>
<p class="highlighter">&nbsp;</p>
<p><span style="font-family: Verdana">代码2：使用 StringBuffer</span></p>
<p class="highlighter">&nbsp;</p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;d&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;Date();&nbsp;<br />
</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;str&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;StringBuffer();&nbsp;<br />
</span><span style="color: #0000ff">for</span><span style="color: #000000">(</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;i</span><span style="color: #000000">=</span><span style="color: #000000">0</span><span style="color: #000000">;i</span><span style="color: #000000">&lt;</span><span style="color: #000000">10000</span><span style="color: #000000">;i</span><span style="color: #000000">++</span></span><span style="font-family: Verdana"><span style="color: #000000">){&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;str.append(</span><span style="color: #000000">"</span><span style="color: #000000">test</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">);&nbsp;<br />
}&nbsp;<br />
</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;res&nbsp;</span><span style="color: #000000">=</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;str.toString();&nbsp;<br />
</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;d2&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;Date();&nbsp;<br />
document.writeln(d2.getTime()</span><span style="color: #000000">-</span><span style="color: #000000">d.getTime());&nbsp;</span></span></div>
<p class="highlighter">&nbsp;</p>
<p><span style="font-family: Verdana">从多次测试结果看来，使用StringBuffer 可以节省50%以上的时间。</span></p>
<img src ="http://www.blogjava.net/majianan/aggbug/247417.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-12-20 00:09 <a href="http://www.blogjava.net/majianan/archive/2008/12/20/247417.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【JavaScript】slice（）、substring（）、substr（）的区别</title><link>http://www.blogjava.net/majianan/archive/2008/12/16/246579.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Tue, 16 Dec 2008 03:00:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/12/16/246579.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/246579.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/12/16/246579.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/246579.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/246579.html</trackback:ping><description><![CDATA[<p align="center"><span style="font-family: Verdana">【JavaScript】slice（）、substring（）、substr（）的区别</span></p>
<p align="center"><a href="http://blog.csdn.net/majianan"><span style="font-family: Verdana">马嘉楠</span></a><span style="font-family: Verdana">&nbsp;&nbsp;&nbsp; 2008-12-16</span></p>
<p>&nbsp;</p>
<p><span style="font-family: Verdana">JavaScript中String 对象的slice（）、substring（）、substr（）方法都能提取字符串的一部分，但使用时有所区别。</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<ul>
    <li style="font-size: 11pt"><span style="font-family: Verdana"><strong style="font-size: 12pt; color: #333399">stringObject.slice（startIndex，endIndex）</strong></span> </li>
</ul>
<p><span style="font-family: Verdana">返回字符串 stringObject 从 startIndex 开始（包括 startIndex ）到 endIndex 结束（不包括 endIndex ）为止的所有字符。</span></p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>1）</strong></font>参数 endIndex 可选，如果没有指定，则默认为字符串的长度 stringObject.length 。</span><span></p>
</blockquote>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;stringObject&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello&nbsp;world!</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;alert(stringObject.slice(</span><span style="color: #000000">3</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;world!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.slice(</span><span style="color: #000000">3</span><span style="color: #000000">,stringObject.length));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;world!</span></span></div>
<p class="highlighter"></span><span style="font-family: Verdana"><font color="#ff0000">【注1】</font>字符串中第一个字符的位置是从【0】开始的，最后一个字符的位置为【stringObject.length-1】，所以slice（）方法返回的字符串不包括endIndex位置的字符。</span></p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>2）</strong></font>startIndex 、endIndex 可以是负数。如果为负，则表示从字符串尾部开始算起。即-1表示字符串最后一个字符。</span><span></p>
</blockquote>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;stringObject&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello&nbsp;world!</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;alert(stringObject.slice(</span><span style="color: #000000">-</span><span style="color: #000000">3</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;ld!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.slice(</span><span style="color: #000000">-</span><span style="color: #000000">3</span><span style="color: #000000">,stringObject.length));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;ld!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.slice(</span><span style="color: #000000">-</span><span style="color: #000000">3</span><span style="color: #000000">,</span><span style="color: #000000">-</span><span style="color: #000000">1</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;ld</span></span></div>
<p class="highlighter"></span>&nbsp;<span style="font-family: Verdana"><font color="#ff0000">【注2】</font>合理运用负数可以简化代码</span></p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>3）</strong></font>startIndex、endIndex 都是可选的，如果都不填则返回字符串 stringObject 的全部，等同于slice(0)</span><font color="#3366ff"><span></p>
</blockquote>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;stringObject&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello&nbsp;world!</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;alert(stringObject.slice());&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;hello&nbsp;world!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.slice(</span><span style="color: #000000">0</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;hello&nbsp;world!</span></span></div>
<p class="highlighter"></span>&nbsp;</p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>4）</strong></font><font color="#000000">如果startIndex、endIndex 相等，则返回空串</font></span></p>
</blockquote>
<p></font><span style="font-family: Verdana"><font color="#ff0000">【注3】</font>String.slice() 与 Array.slice() 相似</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<p>&nbsp;</p>
<ul>
    <li><span style="font-family: Verdana"><strong style="font-size: 12pt; color: #333399">stringObject.substring(startIndex、endIndex)</strong></span> </li>
</ul>
<p><span style="font-family: Verdana">返回字符串 stringObject 从 startIndex 开始（包括 startIndex ）到 endIndex 结束（不包括 endIndex ）为止的所有字符。</span></p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>1）</strong></font>startIndex&nbsp; 是一个非负的整数，必须填写。endIndex 是一个非负整数，可选。如果没有，则默认为字符串的长度stringObject.length 。</span><span></p>
</blockquote>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;stringObject&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello&nbsp;world!</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;alert(stringObject.substring(</span><span style="color: #000000">3</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;world!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.substring(</span><span style="color: #000000">3</span><span style="color: #000000">,stringObject.length));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;world!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.substring(</span><span style="color: #000000">3</span><span style="color: #000000">,</span><span style="color: #000000">7</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;w,空格也算在内[l][o][&nbsp;][w]</span></span></div>
<p class="highlighter"></span>&nbsp;</p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>2）</strong></font>如果startIndex、endIndex 相等，则返回空串。如果startIndex 比 endIndex 大，则提取子串之前，调换两个参数。即stringObject.substring（startIndex，endIndex）等同于stringObject.substring（endIndex，startIndex）</span><span></p>
</blockquote>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;stringObject&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello&nbsp;world!</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;alert(stringObject.substring(</span><span style="color: #000000">3</span><span style="color: #000000">,</span><span style="color: #000000">3</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;空串&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.substring(</span><span style="color: #000000">3</span><span style="color: #000000">,</span><span style="color: #000000">7</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;w&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.substring(</span><span style="color: #000000">7</span><span style="color: #000000">,</span><span style="color: #000000">3</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;w</span></span></div>
<p class="highlighter"></span>&nbsp;<span style="font-family: Verdana"><font color="#ff0000">【注4】</font><font color="#000000">与</font>substring（）相比，slice（）更灵活，可以接收负参数。</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<ul>
    <li><span style="font-family: Verdana"><strong style="font-size: 12pt; color: #333399">stringObject.substr（startIndex，length）</strong></span> </li>
</ul>
<p><span style="font-family: Verdana">返回字符串 stringObject 从 startIndex 开始（包括 startIndex ）指定数目（length）的字符字符。</span></p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>1）</strong></font>startIndex 必须填写，可以是负数。如果为负，则表示从字符串尾部开始算起。即-1表示字符串最后一个字符。</span></p>
<p><span style="font-family: Verdana"><font color="#000080"><strong>2）</strong></font>参数 length 可选，如果没有指定，则默认为字符串的长度 stringObject.length 。</span><span></p>
</blockquote>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;stringObject&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">hello&nbsp;world!</span><span style="color: #000000">"</span></span><span style="font-family: Verdana"><span style="color: #000000">;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;alert(stringObject.substr(</span><span style="color: #000000">3</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;world!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.substr(</span><span style="color: #000000">3</span><span style="color: #000000">,stringObject.length));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;world!&nbsp;</span></span><span style="color: #008000"><br />
<span style="font-family: Verdana"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="font-family: Verdana"><span style="color: #000000">&nbsp;&nbsp;alert(stringObject.substr(</span><span style="color: #000000">3</span><span style="color: #000000">,</span><span style="color: #000000">4</span><span style="color: #000000">));&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">&nbsp;lo&nbsp;w</span></span></div>
<p class="highlighter"></span>&nbsp;</p>
<blockquote dir="ltr" style="margin-right: 0px">
<p><span style="font-family: Verdana"><font color="#000080"><strong>3）</strong></font>substr（）可以代替slice（）和substring（）来使用，从上面代码看出 <font color="#000000">stringObject.substr(3,4) 等同于stringObject.substring(3,7)</font></span></p>
</blockquote>
<p><span style="font-family: Verdana">&nbsp;</span></p>
<span style="font-family: Verdana"><font color="#ff0000">【注5】</font>ECMAscript 没有对该方法进行标准化，因此尽量少使用该方法。</span>
<img src ="http://www.blogjava.net/majianan/aggbug/246579.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-12-16 11:00 <a href="http://www.blogjava.net/majianan/archive/2008/12/16/246579.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【原创】CSS+JavaScript 实现菜单功能--改进版</title><link>http://www.blogjava.net/majianan/archive/2008/12/12/246029.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Fri, 12 Dec 2008 12:10:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/12/12/246029.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/246029.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/12/12/246029.html#Feedback</comments><slash:comments>4</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/246029.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/246029.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: CSS+JavaScript 实现菜单功能--改进版马嘉楠&nbsp;&nbsp; 2008-12-08&nbsp;在上一篇《CSS+JavaScript 实现菜单功能》通过一个HTML页面简单的实现了菜单功能。但是实际开发当中，如果菜单栏有很多项，频繁的修改HTML，会很繁琐，也容易出错。改进版本优化了这个问题，通过简单的Javascript代码就可以增加菜单。同时使得HTML页...&nbsp;&nbsp;<a href='http://www.blogjava.net/majianan/archive/2008/12/12/246029.html'>阅读全文</a><img src ="http://www.blogjava.net/majianan/aggbug/246029.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-12-12 20:10 <a href="http://www.blogjava.net/majianan/archive/2008/12/12/246029.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[原创]打印整型的二进制格式</title><link>http://www.blogjava.net/majianan/archive/2008/03/24/188166.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Mon, 24 Mar 2008 02:51:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/03/24/188166.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/188166.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/03/24/188166.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/188166.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/188166.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 打印整型的二进制格式&nbsp;&nbsp;<a href='http://www.blogjava.net/majianan/archive/2008/03/24/188166.html'>阅读全文</a><img src ="http://www.blogjava.net/majianan/aggbug/188166.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-03-24 10:51 <a href="http://www.blogjava.net/majianan/archive/2008/03/24/188166.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>教你解决问题：Compilation error java.lang.OutOfMemoryError </title><link>http://www.blogjava.net/majianan/archive/2008/03/19/187181.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Wed, 19 Mar 2008 02:39:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2008/03/19/187181.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/187181.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2008/03/19/187181.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/187181.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/187181.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: Compilation error java.lang.OutOfMemoryError 解决方法&nbsp;&nbsp;<a href='http://www.blogjava.net/majianan/archive/2008/03/19/187181.html'>阅读全文</a><img src ="http://www.blogjava.net/majianan/aggbug/187181.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2008-03-19 10:39 <a href="http://www.blogjava.net/majianan/archive/2008/03/19/187181.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Informix 系统表（syscolumns）中字段类型（coltype）字段的含义</title><link>http://www.blogjava.net/majianan/archive/2007/10/10/151670.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Wed, 10 Oct 2007 03:33:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/10/10/151670.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/151670.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/10/10/151670.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/151670.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/151670.html</trackback:ping><description><![CDATA[<p style="font-size: 10pt; font-family: Verdana">0 = CHAR<br />
1 = SMALLINT<br />
2 = INTEGE R<br />
3 = FLOAT<br />
4 = SMALLFLOAT<br />
5 = DECIMAL<br />
6 = SERIAL *<br />
7 = DATE<br />
8 = MONEY<br />
9 = NULL<br />
10 = DATETIME<br />
11 = BYTE<br />
12 = TEXT<br />
13 = VARCHAR<br />
14 = INTERVAL<br />
15 = NCHAR<br />
16 = NVARCHAR<br />
17 = INT8<br />
18 = SERIAL8 *<br />
19 = SET<br />
20 = MULTISET<br />
21 = LIST<br />
22 = Unnamed ROW<br />
40 = Variable-length opaque type (LVARCHAR)<br />
4118 = Named ROW</p>
<p style="font-size: 10pt; font-family: Verdana">如果，某字段要求非空，则在原数字上加256，<br />
如：某字段coltype=262,那么,262-256=6，该字段就应该为：SERIAL not NULL 类型！<br />
<br />
</p>
<img src ="http://www.blogjava.net/majianan/aggbug/151670.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-10-10 11:33 <a href="http://www.blogjava.net/majianan/archive/2007/10/10/151670.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Informix系统表说明</title><link>http://www.blogjava.net/majianan/archive/2007/10/10/151666.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Wed, 10 Oct 2007 03:27:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/10/10/151666.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/151666.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/10/10/151666.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/151666.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/151666.html</trackback:ping><description><![CDATA[<span style="font-size: 10pt; font-family: Verdana">&nbsp; systables：描述数据库中的很张表；&nbsp;&nbsp; <br />
&nbsp; syscolumns：描述数据库中表的列；&nbsp;&nbsp; <br />
&nbsp; sysindexes：描述数据库中列的索引；&nbsp;&nbsp; <br />
&nbsp; sysfragments：存储了分段索引的片段信息；&nbsp;&nbsp; <br />
&nbsp; sysfragauth：表识别列级权限；&nbsp;&nbsp; <br />
&nbsp; sysviews：描述了数据库中定义的每个视图；&nbsp;&nbsp; <br />
&nbsp; sysdpend：描述了视图是如何依赖其他视图和表的；&nbsp;&nbsp; <br />
&nbsp; syssyntable：定义每一个同义词及其所代表的对象；&nbsp;&nbsp; <br />
&nbsp; sysconstraints：记录了加载在数据库表列上的约束；&nbsp;&nbsp; <br />
&nbsp; sysreferences：列出了放置在数据库上的参照约束，它为数据库的每个参照约束建立一行&nbsp;&nbsp; <br />
&nbsp; syscoldepend：记录了涉及检查约束的所有列，包括在约束中每列都会在syscoldepend表中创建一行；&nbsp;&nbsp; <br />
&nbsp; sysprocedures：存放数据库中每个过程的特征；&nbsp;&nbsp; <br />
&nbsp; sysprocplan：装载了过程执行所需的两项内容（执行计划或查询计划、附属列表）；&nbsp;&nbsp; <br />
&nbsp; sysprocauth：描述授予存储过程的权限；&nbsp;&nbsp; <br />
&nbsp; systriggers：装载了关于触发器的信息；&nbsp;&nbsp; <br />
&nbsp; sysblobs：确定BLOB列的存储位置；&nbsp;&nbsp; <br />
&nbsp; sysroleauth：描述授予用户的角色；&nbsp;&nbsp; <br />
&nbsp; sysobjstate：存储了关于数据库对象的状态信息；&nbsp;&nbsp; <br />
&nbsp; sysvlolations：违例或诊断表；</span>&nbsp;<br />
<span style="font-size: 10pt; font-family: Verdana">&nbsp; sysdefaults：描述数据库中表的列的默认值；</span>
<img src ="http://www.blogjava.net/majianan/aggbug/151666.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-10-10 11:27 <a href="http://www.blogjava.net/majianan/archive/2007/10/10/151666.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[译]understanding constructors</title><link>http://www.blogjava.net/majianan/archive/2007/04/20/112198.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Fri, 20 Apr 2007 10:01:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/04/20/112198.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/112198.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/04/20/112198.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/112198.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/112198.html</trackback:ping><description><![CDATA[<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" align=center><span style="FONT-SIZE: 12pt; COLOR: #0000ff"><strong>understanding constructors<br></strong><br></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--How constructors differ from methods<br><br></p>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;By&nbsp;Robert Nielsen,&nbsp;JavaWorld.com,&nbsp;10/13/00<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[译]&nbsp;<a href="http://www.blogjava.net/majianan">马嘉楠</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2007.04.20<br><br><br><span style="COLOR: #0000ff">key words:<br></span><br>constructor&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;构造函数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 方法&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;instance&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 实例<br>object&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;对象&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;modifier&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;修饰符&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return type&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;返回类型<br>static method&nbsp;&nbsp;&nbsp;静态方法&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;superclass&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 超类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Inheritance&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;继承<br>platypus&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鸭嘴兽<br><br><br><span style="FONT-FAMILY: Verdana">我们说一个构造函数是方法就好比说澳洲鸭嘴兽是另一个哺乳动物一样。 为了了解鸭嘴兽，知道其与其他的哺乳动物的差别对我们来说非常重要。同理，了解构造函数，知道构造函数与其他方法的区别对我们同样重要。对于任何学习Java，尤其是为了获得资格证书的学生来说，都需要知道这些区别。在这篇文章中，我将会一一道来。在文章结尾，Table1 总结了constructor（构造函数）和method（方法）的重要区别。<br></span><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff">Purpose and Function （目的与功能）</span><br><br><br>构造函数都有一个目的：创建一个类的实例。也可以叫做创建一个对象，如下：<br><br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #000000">Platypus&nbsp;p1&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&nbsp;Platypus();</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>相比之下,方法（method）的目的显得更为普通. 一个方法的基本功能就是为了执行Java的代码. <br><br><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff">Signature differences（签名区别）<span style="FONT-SIZE: 10pt; COLOR: #000000">（</span></span>Signature 不知道怎么翻译好）<br><br><br>构造函数（constructors）和方法（methods）在以下三个方面存在差别：<br><br>&#183;&nbsp;&nbsp;&nbsp;修饰符&nbsp;&nbsp; （modifiers）<br>&#183;&nbsp;&nbsp;&nbsp;返回类型（return type）<br>&#183;&nbsp;&nbsp;&nbsp;名字&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（name）<br><br>像方法一样，构造函数可以有任意一种访问修饰符（access modifiers）：公共的（public），保护的（protected），私有的（private）或者没有（常被称为package或者friendly）。不同于方法的是，构造函数只能被访问修饰符进行限定。因此，构造函数不能是abstract, static, final, natice&nbsp;or synchronized的。&nbsp;<br><br>两者的返回类型（return type）也是截然不同的。方法可以拥有任何有效的返回类型，或者方法没有返回值，这种情况下方法的返回类型为void。构造函数没有返回类型，也没有void。<br><br>最后，构造函数和方法在取名方面也有很大的不同。构造函数名字与其类名（class name）相同；按照惯例，方法使用其他与类名不相同的名字。如果Java程序员遵循通常惯例，方法名将会以小写字母开头，构造函数名字以大写字母开头。并且，因为与类名相同，构造函数名字通常是个名词，方法名字是个动词。<br><br><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff">The use of "this" （this的使用）</span><br><br><br>构造函数和方法使用关键字 this 差别很大。<br><br>方法中的 this 指的是执行该方法的类的实例（instance）。静态方法（static method）不使用 this 。因为静态方法不属于任何一个类的实例，所以 this 无所指向。静态方法总体上属于一个类而非一个类的实例。<br><br>构造函数中的 this 指的是，在同一个类中拥有不同的参数列表的另一个构造函数。代码如下：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Platypus&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String&nbsp;name;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Platypus(String&nbsp;input)&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;input;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Platypus()&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">this</span><span style="COLOR: #000000">(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">John/Mary&nbsp;Doe</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">static</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">void</span><span style="COLOR: #000000">&nbsp;main(String&nbsp;args[])&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Platypus&nbsp;p1&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&nbsp;Platypus(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">digger</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Platypus&nbsp;p2&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&nbsp;Platypus();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>在代码中，有两个构造函数。<br>第一个构造函数通过一个String参数input给name进行赋值。<br>第二个构造函数没有参数，通过默认的名字"John/Mary&nbsp;Doe"来调用第一个构造函数。<br><br>如果在构造函数中使用 this，则必须在构造函数的第一行代码当中，否则编译器会报错。<br>注：在我这里的报错信息为 Constructor call must be the first statement in a constructor。<br><br><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff">The use of "super"（super的使用）<br></span><br><br>方法和构造函数使用 super 的时候，指的都是超类（superclass），但也有所不同。<br><br>方法中使用 super 将会执行超类中被覆盖的方法，如下所示：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Mammal&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">void</span><span style="COLOR: #000000">&nbsp;getBirthInfo()&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;System.out.println(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">born&nbsp;alive.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>}<br></span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Platypus&nbsp;</span><span style="COLOR: #0000ff">extends</span><span style="COLOR: #000000">&nbsp;Mammal&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">void</span><span style="COLOR: #000000">&nbsp;getBirthInfo()&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;System.out.println(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">hatch&nbsp;from&nbsp;eggs</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;System.out.print(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">a&nbsp;mammal&nbsp;normally&nbsp;is&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">super</span><span style="COLOR: #000000">.getBirthInfo();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>在上面代码中，super.getBirthInfo() 将会调用超类 Mammal 中被覆盖的方法 getBirthInfo().<br><br><br>构造函数中使用 super 将会调用超类中的构造函数。<br>如果在构造函数中使用 super，则必须在构造函数的第一行代码当中，否则编译器会报错。<br>注：在我这里的报错信息为 Constructor call must be the first statement in a constructor。<br><br>代码如下：<br><br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;SuperClassDemo&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SuperClassDemo()&nbsp;{}<br>}<br></span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Child&nbsp;</span><span style="COLOR: #0000ff">extends</span><span style="COLOR: #000000">&nbsp;SuperClassDemo&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Child()&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">super</span><span style="COLOR: #000000">();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff">Complier -- supplied code（编译器提供的代码）</span><br><br><br>当编译器自动为构造函数提供代码的时候，Java初学者可能会感到困惑。如果你的类中没有构造函数，编译器将会为你自动提供一个没有参数的构造函数。如果你的代码如下：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Example&nbsp;{}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>功能上它等同于如下代码：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Example&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Example()&nbsp;{}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>如果在你的构造函数的第一行代码当中没有使用 super，那么编译器会自动为你提供代码，插入 super。<br>如果你的代码如下：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;TestConstructors&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TestConstructors()&nbsp;{}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>功能上它等同于如下代码：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;TestConstructors&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TestConstructors()&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff"><span style="COLOR: #0000ff">super</span><span style="COLOR: #000000">();</span></span><span style="COLOR: #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>初学者可能会有疑问：TestConstructors 并没有继承任何类，为什么它会调用父类的构造函数呢？<br>答案是：在 Java 中如果没有显示的继承一个类，则默认为继承自 Object 类。<br><br>如果没有显示的声明一个构造函数，编译器自动提供一个没有参数的构造函数；如果一个构造函数没有显示的 super 调用，编译器自动提供一个没有参数的 super 调用。所以下面的两段代码在功能上是等价的：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Example&nbsp;{}&nbsp;</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>和<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Example&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Example()&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff"><span style="COLOR: #0000ff">super</span><span style="COLOR: #000000">()</span></span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff; FONT-FAMILY: Verdana">Inheritance（继承）<br></span><br><br>下面情况有什么不对？<br><br>律师阅读类A的遗嘱。所有家庭成员围坐在大会议桌旁，并且有些人在轻声呜咽。律师说到：&#8220;我，类A，头脑清楚身体健康，将我所有的构造函数留给我的孩子&#8221;。<br><br>问题是构造函数不是通过继承得到的。然而幸运的是，子类可以自动的继承父类所有的方法，所以子类并不是一无所有。<br><br>记住：Java 方法可以通过继承得到，而构造函数不行。看下面代码：<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Example&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">void</span><span style="COLOR: #000000">&nbsp;sayHi&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;system.out.println(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">Hi</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Example()&nbsp;{}<br>}<br></span><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;SubClass&nbsp;</span><span style="COLOR: #0000ff">extends</span><span style="COLOR: #000000">&nbsp;Example&nbsp;{<br>}</span></div>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>类 SubClass 自动继承父类的 sayHi 方法。然而，构造函数 Example() 不会被类 SubClass 所继承。<br><br><br><br><br><span style="FONT-SIZE: 12pt; COLOR: #0000ff">Summarizing the differences</span><br><br><br>构造函数与方法的区别就像鸭嘴兽与典型的哺乳动物一样。尤其是在目的（purpose），签名（signature），和 this 与 super 的使用方面。另外，在继承和编译器提供代码方面也有很大差异。记住所有的区别可能会非常辛苦，所以下面提供的一个表格，简单的概括了重要的差异方面。<br><br><br>
<table width="75%" align=center>
    <tbody>
        <tr bgColor=#99cccc>
            <th>Topic</th>
            <th>Constructors</th>
            <th>Methods</th>
        </tr>
        <tr bgColor=#ccffff>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Purpose</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Create an instance of a class</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Group Java statements</td>
        </tr>
        <tr bgColor=#99cccc>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Modifiers</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Cannot be abstract, final, native, static, or synchronized</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Can be abstract, final, native, static, or synchronized</td>
        </tr>
        <tr bgColor=#ccffff>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Return type</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">No return type, not even void</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">void or a valid return type </td>
        </tr>
        <tr bgColor=#99cccc>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Name</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Same name as the class (first letter is capitalized by convention) -- usually a noun</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Any name except the class. Method names begin with a lowercase letter by convention -- usually the name of an action</td>
        </tr>
        <tr bgColor=#ccffff>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">this</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Refers to another constructor in the same class. If used, it must be the first line of the constructor</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Refers to an instance of the owning class. Cannot be used by static methods</td>
        </tr>
        <tr bgColor=#99cccc>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">super</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Calls the constructor of the parent class. If used, must be the first line of the constructor</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Calls an overridden method in the parent class</td>
        </tr>
        <tr bgColor=#ccffff>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Inheritance</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Constructors are not inherited</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Methods are inherited</td>
        </tr>
        <tr bgColor=#99cccc>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Compiler automatically supplies a default constructor</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">If the class has no constructor, a no-argument constructor is automatically supplied</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Does not apply</td>
        </tr>
        <tr bgColor=#ccffff>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Compiler automatically supplies a default call to the superclass constructor</td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">If the constructor makes no zero-or-more argument calls to super, a no-argument call to super is made </td>
            <td style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">Does not apply</td>
        </tr>
    </tbody>
</table>
<br><br><br><br>原文：<a href="http://www.javaworld.com/jw-10-2000/jw-1013-constructors.html">http://www.javaworld.com/jw-10-2000/jw-1013-constructors.html<br></a><br></p>
<!-- CONTENT GOES HERE--><!-- start Vibrant Media IntelliTXT script section --><script src="http://javaworld.us.intellitxt.com/intellitxt/front.asp?ipid=3407" type=text/javascript></script><script language=javascript src="http://javaworld.us.intellitxt.com/v3/door.jsp?ts=1176703673718&amp;pagecl=10733&amp;ipid=3407&amp;refurl=http://www.javaworld.com/jw-10-2000/jw-1013-constructors.html"></script><script language=javascript>
if (typeof menu_lookup == "function") menu_lookup();
</script><!-- end Vibrant Media IntelliTXT script section --><!--include virtual="/includes/ads-interstitial.html"-->
<img src ="http://www.blogjava.net/majianan/aggbug/112198.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-04-20 18:01 <a href="http://www.blogjava.net/majianan/archive/2007/04/20/112198.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>java 关键字 native 说明</title><link>http://www.blogjava.net/majianan/archive/2007/04/19/111967.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Thu, 19 Apr 2007 08:02:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/04/19/111967.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/111967.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/04/19/111967.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/111967.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/111967.html</trackback:ping><description><![CDATA[<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" align=center><span style="FONT-SIZE: 14pt">Java 关键字 <span style="COLOR: #0000ff">native</span> 说明</span><br><br><a href="http://www.blogjava.net/majianan">马嘉楠</a>&nbsp; 2007-04-19</p>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br><br>如果想用非Java代码来编写程序，或者需要直接操纵硬件，此时，你可以编写本机方法(<span style="COLOR: #3366ff">native method</span>)。</p>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">native关键字就是用来声明本机方法(native method)的。一旦声明，这些本机方法可以在Java程序中被调用，就像调用其他Java方法一样。<br>&nbsp;&nbsp; <br>native method 用C/C++语言实现，并且被编译成DLL，这些函数的实现体在DLL中，在Java中本机方法体只是一个分号。</p>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">例如向操作系统请求机器的CPU编号方法，如下：</p>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public native int getCPUID();<br></p>
<p style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana"><br>native method 以可以被重载或者覆盖，也可以是final, static, synchronized, public, protected, private 的。但是本机方法不能声明为abstract或者strictfp类型。<br><br><br><br></p>
<img src ="http://www.blogjava.net/majianan/aggbug/111967.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-04-19 16:02 <a href="http://www.blogjava.net/majianan/archive/2007/04/19/111967.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Print Fibonacci Sequcnce</title><link>http://www.blogjava.net/majianan/archive/2007/04/18/111675.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Wed, 18 Apr 2007 08:47:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/04/18/111675.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/111675.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/04/18/111675.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/111675.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/111675.html</trackback:ping><description><![CDATA[<br><br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">class</span><span style="COLOR: #000000">&nbsp;Fibonacci&nbsp;{<br><br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">private</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">static</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">int</span><span style="COLOR: #000000">&nbsp;MAX&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">100</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;print&nbsp;the&nbsp;Fibonacci&nbsp;sequence&nbsp;for&nbsp;values&nbsp;&lt;&nbsp;MAX<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">public</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">static</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">void</span><span style="COLOR: #000000">&nbsp;main(String[]&nbsp;args)&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">int</span><span style="COLOR: #000000">&nbsp;currentVal&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">int</span><span style="COLOR: #000000">&nbsp;nextVal&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">while</span><span style="COLOR: #000000">(currentVal</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">MAX){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;System.out.println(currentVal);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nextVal&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;nextVal&nbsp;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&nbsp;currentVal&nbsp;;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;currentVal&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;nextVal&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">&nbsp;currentVal;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
<br>
<img src ="http://www.blogjava.net/majianan/aggbug/111675.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-04-18 16:47 <a href="http://www.blogjava.net/majianan/archive/2007/04/18/111675.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>钱</title><link>http://www.blogjava.net/majianan/archive/2007/04/18/111520.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Wed, 18 Apr 2007 02:30:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/04/18/111520.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/111520.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/04/18/111520.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/111520.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/111520.html</trackback:ping><description><![CDATA[<br><span style="FONT-FAMILY: Verdana">钱这东西呀！只是生活的工具，如果成了生活的目标就没什么意思了</span><br><br>
<img src ="http://www.blogjava.net/majianan/aggbug/111520.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-04-18 10:30 <a href="http://www.blogjava.net/majianan/archive/2007/04/18/111520.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>QQ木马win32.QQPsw.wunaiwangdaod.a删除方法！！！</title><link>http://www.blogjava.net/majianan/archive/2007/02/09/99032.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Fri, 09 Feb 2007 08:30:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/02/09/99032.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/99032.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/02/09/99032.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/99032.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/99032.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: QQ木马win32.QQPsw.wunaiwangdaod.a删除方法！！！&nbsp;&nbsp;<a href='http://www.blogjava.net/majianan/archive/2007/02/09/99032.html'>阅读全文</a><img src ="http://www.blogjava.net/majianan/aggbug/99032.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-02-09 16:30 <a href="http://www.blogjava.net/majianan/archive/2007/02/09/99032.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>用JavaScript检查大写键（Caps Lock）是否打开（原创）</title><link>http://www.blogjava.net/majianan/archive/2007/02/01/97284.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Thu, 01 Feb 2007 07:21:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2007/02/01/97284.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/97284.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2007/02/01/97284.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/97284.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/97284.html</trackback:ping><description><![CDATA[
		<font face="Verdana" size="2">
				<font size="3">                        <font color="#0000ff">用JavaScript检查大写键（Caps Lock）是否打开（原创）<br /></font></font>
				<br />                                                  <a href="/majianan"><font color="#000080">马嘉楠</font></a>    <font color="#0000ff">2007年2月1日<br /></font><br /><br />新年第一篇！希望新的一年大家和我一样天天开心，能多学点东西，多多赚钱^-^<br /><br /><br />在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（Caps Lock）是否打开？如果能给用户以提示，岂不是更好？<br /><br />下面的示例代码给出了方法，必要的说明代码当中都有注释。<br />问中知识点：<font color="#0000ff">event.keyCode</font>  和 <font color="#0000ff">event.shiftKey<br /></font>如果有不对，不明白地方或者有更好的建议，请告诉我！谢谢^+^<br /><br /><br /><br />HTML页面代码<br /><br /></font>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;!</span>
								<span style="COLOR: #ff00ff">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">HTML</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">HEAD</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">TITLE</span>
								<span style="COLOR: #0000ff">&gt;</span>
								<span style="COLOR: #000000"> Detect Caps Lock</span>
								<span style="COLOR: #0000ff">&lt;/</span>
								<span style="COLOR: #800000">TITLE</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">script</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">
						<font face="Verdana" size="2">function</font>
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> detectCapsLock(e){<br />    valueCapsLock </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> e.keyCode</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">?</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">e.keyCode:e.which;</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">Caps Lock　是否打开</span>
						</font>
				</font>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">    valueShift </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> e.shiftKey</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">?</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">e.shiftKey:((valueCapsLock </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">==</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">16</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">)</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">?</span>
								<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">true</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">:</span>
								<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">false</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">shift键是否按住<br /></span>
						</font>
				</font>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">    </span>
								<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(((valueCapsLock </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&gt;=</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">65</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&amp;&amp;</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> valueCapsLock </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;=</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">90</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">) </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&amp;&amp;</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">!</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">valueShift)</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">Caps Lock 打开，并且 shift键没有按住</span>
						</font>
				</font>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">    </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">||</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">((valueCapsLock </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&gt;=</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">97</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&amp;&amp;</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> valueCapsLock </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;=</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">122</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">) </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&amp;&amp;</span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> valueShift))</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">Caps Lock 打开，并且按住 shift键</span>
						</font>
				</font>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">        document.getElementById('capStatus').style.visibility </span>
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> 'visible';<br />    </span>
								<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">else</span>
						</font>
				</font>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">
						<br />
						<font face="Verdana" size="2">        document.getElementById('capStatus').style.visibility </font>
				</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">
						<font face="Verdana" size="2">=</font>
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> 'hidden';<br /><br />  </span>
								<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">/*</span>
						</font>
				</font>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
						<font face="Verdana" size="2">  javascript中keyCode代码对应表<br />  event.keyCode=32        空格<br />  event.keyCode=13        回车<br />  event.keyCode=27        Esc<br />  event.keyCode=16)        Shift<br />  event.keyCode=17)        Ctrl<br />  event.keyCode=18)        Alt<br />  </font>
				</span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<font face="Verdana" size="2">*/</font>
				</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">
						<br />
						<br />
						<font face="Verdana" size="2">}<br /></font>
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;/</span>
								<span style="COLOR: #800000">script</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;/</span>
								<span style="COLOR: #800000">HEAD</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">BODY</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">input </span>
								<span style="COLOR: #ff0000">type</span>
								<span style="COLOR: #0000ff">="password"</span>
								<span style="COLOR: #ff0000"> name</span>
								<span style="COLOR: #0000ff">="pwd"</span>
								<span style="COLOR: #ff0000"> onkeypress</span>
								<span style="COLOR: #0000ff">="detectCapsLock(event)"</span>
								<span style="COLOR: #ff0000"> </span>
								<span style="COLOR: #0000ff">/&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">div </span>
								<span style="COLOR: #ff0000">id</span>
								<span style="COLOR: #0000ff">="capStatus"</span>
								<span style="COLOR: #ff0000"> style</span>
								<span style="COLOR: #0000ff">="visibility:hidden"</span>
								<span style="COLOR: #0000ff">&gt;&lt;</span>
								<span style="COLOR: #800000">font </span>
								<span style="COLOR: #ff0000">color</span>
								<span style="COLOR: #0000ff">=red</span>
								<span style="COLOR: #0000ff">&gt;</span>
								<span style="COLOR: #000000">Caps Lock is on.</span>
								<span style="COLOR: #0000ff">&lt;</span>
								<span style="COLOR: #800000">font</span>
								<span style="COLOR: #0000ff">&gt;&lt;/</span>
								<span style="COLOR: #800000">div</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;/</span>
								<span style="COLOR: #800000">BODY</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #0000ff">&lt;/</span>
								<span style="COLOR: #800000">HTML</span>
								<span style="COLOR: #0000ff">&gt;</span>
						</font>
				</font>
		</div>
		<br />
		<br />
		<br />
<img src ="http://www.blogjava.net/majianan/aggbug/97284.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2007-02-01 15:21 <a href="http://www.blogjava.net/majianan/archive/2007/02/01/97284.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Webdings字体图案</title><link>http://www.blogjava.net/majianan/archive/2006/12/19/88726.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Tue, 19 Dec 2006 03:14:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2006/12/19/88726.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/88726.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2006/12/19/88726.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/88726.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/88726.html</trackback:ping><description><![CDATA[
		<font face="Verdana">                                       <font color="#0000ff">Webdings字体图案</font><br /></font>
		<font size="2">
				<font face="Verdana"> <br />                                               <font color="#000080"></font></font>
				<a href="/majianan">
						<font face="Verdana" color="#000080">马嘉楠</font>
				</a>
				<font face="Verdana">   2006-12-19<br /></font>
		</font>
		<br />
		<br />
		<font face="Verdana" size="2">在网页中适当的使用Webdings字体,可以使网页更加美观.<br /></font>
		<div style="FONT-SIZE: 12px">
				<font face="Verdana" size="2">一般我们经常用到的应该是<font color="#000080">数字对应的webdings字体, </font>还有特殊字符中的": ", 其他的就看个人喜好了.</font>
		</div>
		<br />
		<br />
		<br />
		<font face="Verdana">
				<hr />
				<br />
		</font>
		<p>
				<font face="Verdana">
						<font color="#000080">数字对应的webdings字体:<br /></font>
						<br />
				</font>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">0    1    2    3    4    5    6    7    8    9 </span>
				<br />
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />0 1 2 3 4 5 6 7 8 9<br /><br /><br /></span>
				<font face="Verdana">
						<hr />
						<br />
						<font color="#000080">英文小写字母对应的webdings字体:<br /></font>
				</font>
				<br />
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">a    b    c    d    e    f    g    h    i    j    k    l    m </span>
		</p>
		<p>
		</p>
		<p>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />a b c d e f g h i j k l m</span>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />
						<br />
				</span>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">n    o    p    q    r    s    t    u    v    w    x    y    z </span>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />n o p q r s t u v w x y z</span>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />
				</span>
				<font face="Verdana">
						<hr />
						<br />
						<font color="#000080">英文大写字母对应的webdings字体:<br /></font>
				</font>
				<br />
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">A    B   C   D   E   F   G   H    I    J   K    L    M </span>
		</p>
		<p>
		</p>
		<p>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />A B C D E F G H I J K L M</span>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />
						<br />
				</span>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">N    O   P   Q   R   S   T   U   V  W X  Y   Z </span>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />N O P Q R S T U V W X Y Z </span>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />
				</span>
				<font face="Verdana">
						<hr />
						<br />
						<font color="#000080">特殊字符对应的webdings字体:</font>
				</font>
		</p>
		<p>
		</p>
		<p>
		</p>
		<p>
				<br />
				<font face="Verdana" color="#0000ff">特殊字符:</font>
				<br />
				<br />
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">`     !    @    #   $    %   ^   &amp;  </span>
		</p>
		<p>
				<font face="Verdana" color="#0000ff">webdings字体:<br /></font>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />` ! @ # $ % ^ &amp; </span>
		</p>
		<p>
				<font face="Verdana">
						<br />
						<font color="#0000ff">
								<hr />
								<br />特殊字符:</font>
				</font>
		</p>
		<p>
		</p>
		<p>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">*    (     )     -    +    |    -    =</span>
		</p>
		<p>
				<font face="Verdana" color="#0000ff">webdings字体:<br /><br /></font>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">* ( ) - + | - = </span>
		</p>
		<p>
				<font face="Verdana">
						<br />
						<hr />
						<font color="#0000ff">
								<br />特殊字符:</font>
				</font>
		</p>
		<p>
		</p>
		<p>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">[     ]    {     }    ;    '     :     " </span>
		</p>
		<p>
				<font face="Verdana" color="#0000ff">webdings字体:<br /><br /></font>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">[ ] { } ; ' : " </span>
		</p>
		<p>
				<font face="Verdana">
						<hr />
						<br />
						<font color="#0000ff">特殊字符:</font>
				</font>
		</p>
		<p>
		</p>
		<p>
		</p>
		<p>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300">&lt;     &gt;     ,    .    \    /     ? </span>
		</p>
		<p>
				<font face="Verdana" color="#0000ff">webdings字体:</font>
				<span style="FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #cc3300; FONT-FAMILY: Webdings, marlett">
						<br />&lt; &gt; , . \ / ? <br /><br /><hr /></span>
		</p>
		<p>
		</p>
		<p>
		</p>
<img src ="http://www.blogjava.net/majianan/aggbug/88726.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2006-12-19 11:14 <a href="http://www.blogjava.net/majianan/archive/2006/12/19/88726.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>条件注释</title><link>http://www.blogjava.net/majianan/archive/2006/12/09/86522.html</link><dc:creator>马嘉楠</dc:creator><author>马嘉楠</author><pubDate>Sat, 09 Dec 2006 03:44:00 GMT</pubDate><guid>http://www.blogjava.net/majianan/archive/2006/12/09/86522.html</guid><wfw:comment>http://www.blogjava.net/majianan/comments/86522.html</wfw:comment><comments>http://www.blogjava.net/majianan/archive/2006/12/09/86522.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/majianan/comments/commentRss/86522.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/majianan/services/trackbacks/86522.html</trackback:ping><description><![CDATA[
		<font face="Verdana">
				<font color="#0000ff">
						<font size="2">                                                  <font size="3">条件注释<br /></font>                                             <br />                                               </font>
						<a href="/majianan">
								<font color="#000080" size="2">马嘉楠</font>
						</a>
						<font size="2">
								<font color="#000080">2006-12-09</font>
								<br />
						</font>
				</font>
				<br />
		</font>
		<p>
				<font face="Verdana" size="2">条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是<font color="#0000ff">直接在html代码里执行的</font>,例如:<br /><br /></font>
		</p>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if XXX]&gt;<br />这里是正常的html代码<br />&lt;![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
		</div>
		<p>
				<br />
				<font face="Verdana" size="2">这里XXX是一些特定的东东，在此列表几个出来，详细介绍各自的含义：<br /><br />&lt;!--[if IE]&gt;             / 如果浏览器是IE /<br />&lt;!--[if IE 5]&gt;          / 如果浏览器是IE 5 的版本 /<br />&lt;!--[if IE 6]&gt;          / 如果浏览器是IE 6 的版本 /<br />&lt;!--[if IE 7]&gt;          / 如果浏览器是IE 7 的版本 /<br /><br /><br />上面是几个常用的判断IE浏览器版本的语法，下面再来介绍一下相对比较少用的逻辑判断的参数：<br />有几个参数：lte，lt，gte，gt，!<br /><br />lte ：Less than or equal to   <br />lt   ：Less than               <br />gte ：Greater than or equal to<br />gt  ：Greater than<br />!    ：不等于<br /><br />例如：</font>
		</p>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<span style="COLOR: #008000">
						<font face="Verdana" size="2">[if gt IE 5.5]&gt;        / 如果IE版本大于5.5 /<br />&lt;!--[if lte IE 6]&gt;           / 如果IE版本小于等于6 /<br />&lt;!--[if !IE]&gt;                 / 如果浏览器不是IE /<br /></font>
				</span>
		</div>
		<p>
				<br />
				<font face="Verdana" size="2">明白了条件注释的用法，再举个例子（可把代码直接放到html代码中,看看执行效果^+^）：<br /><br />下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果</font>
		</p>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if IE]&gt; <br />根据条件判断，这是Internet Explorer&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if IE 5]&gt; <br />根据条件判断，这是Internet Explorer 5&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if IE 5.0]&gt; <br />根据条件判断，这是Internet Explorer 5.0&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if IE 5.5]&gt; <br />根据条件判断，这是Internet Explorer 5.5&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if IE 6]&gt; <br />根据条件判断，这是Internet Explorer 6&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if IE 7]&gt; <br />根据条件判断，这是Internet Explorer 7&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if gte IE 5]&gt; <br />根据条件判断，这是Internet Explorer 5 或者更高&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if lt IE 6]&gt; <br />根据条件判断，这是版小于6的Internet Explorer&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #000000"> <br /></span>
								<span style="COLOR: #008000">&lt;!--</span>
						</font>
				</font>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">[if lte IE 5.5]&gt; <br />根据条件判断，这是Internet Explorer 5.5或更低&lt;br /&gt; <br />&lt; ![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
		</div>
		<p>
				<font face="Verdana">
						<font size="2">下面的代码是在非IE浏览器下运行的条件注释 <span class="code"></span></font>
				</font>
		</p>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
								<span style="COLOR: #008000">[if !IE]&gt;&lt;!</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
						<font face="Verdana" size="2">您使用不是 Internet Explorer</font>
				</span>
				<font face="Verdana" size="2">
						<span style="COLOR: #0000ff">&lt;</span>
						<span style="COLOR: #800000">br </span>
						<span style="COLOR: #0000ff">/&gt;</span>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
								<span style="COLOR: #008000">&lt;![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
								<span style="COLOR: #008000">[if IE 6]&gt;&lt;!</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
				<span style="COLOR: #000000">
						<br />
						<font face="Verdana" size="2">您正在使用Internet Explorer version 6</font>
				</span>
				<font face="Verdana" size="2">
						<span style="COLOR: #0000ff">&lt;</span>
						<span style="COLOR: #800000">br </span>
						<span style="COLOR: #0000ff">/&gt;</span>
				</font>
				<span style="COLOR: #000000">
						<br />
						<font face="Verdana" size="2">或者 一个非IE 浏览器</font>
				</span>
				<font face="Verdana" size="2">
						<span style="COLOR: #0000ff">&lt;</span>
						<span style="COLOR: #800000">br </span>
						<span style="COLOR: #0000ff">/&gt;</span>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="2">
								<span style="COLOR: #008000">&lt;!--</span>
								<span style="COLOR: #008000">&lt;![endif]</span>
								<span style="COLOR: #008000">--&gt;</span>
						</font>
				</font>
		</div>
		<p>
				<font face="Verdana" size="2">注:<br />条件注释是在IE5.0/Win以后才被IE支持的，对于IE5以前的浏览器是无效的.<br /></font>
		</p>
<img src ="http://www.blogjava.net/majianan/aggbug/86522.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/majianan/" target="_blank">马嘉楠</a> 2006-12-09 11:44 <a href="http://www.blogjava.net/majianan/archive/2006/12/09/86522.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>