经典代码|Lixiaoliang's Programs Design|北京网站建设工作室,助力企业信息化建设|Lixiaoliang.com

代码搜索
输入您的搜索字词提交搜索表单

Web lixiaoliang.com

更多经典代码
js将网址转为urlencode类型(2008-12-4)
CSS坚向二级菜单(2008-11-25)
几乎被设计师遗忘了的标签legend(2008-10-10)
根据机器不同语言访问不同页面(2008-10-10)
js二级联动三级联动(2008-10-10)
如何实现简单的FAQ折叠效果(2008-10-10)
个人所得税计算器(2008-10-10)
清空代码防止查看源代码(2008-10-10)
JS日期代码-鼠标移上显农历(2008-7-28)
输入全角字符和数字自动转换为半角(2008-5-28)

更多大杂记
写在2008最后一天(2008-12-31)
英汉通在线英语词典,方便学习使用(2008-12-26)
好好学习,天天向上,每日一句English(2008-12-24)
一句神奇的巫师魔法代码(2008-12-4)
百度搜索算法又有新变化(2008-10-22)
我的藏品(2)-粮票与人民币(2008-10-18)
我的藏品(1)-邮票-人物篇(2008-10-18)
"美德贵在坚持"?看来大家咬着牙在挺(2008-10-18)
查询手机真假,是不是行货的三种方法(2008-10-7)
Flash中按钮的链接点上去鼠标乱闪的解决方法(2008-9-12)

更多企业建站讨论
ICP信息备案流程图(2008-12-1)
网站常用中英文菜单(2008-6-30)
中小企业为什么都认准了中企？？？(2008-4-11)
企业信息化建设的意义(2007-12-17)
企业为什么要建设网站(2007-12-17)

更多成功案例

经典代码
[102] js将网址转为urlencode类型 [2008-12-4]
js将网址转为urlencode类型

<script> function UrlEncode(str) { return transform(str); } function transform(s) { var hex='' var i,j,t j=0 for (i=0; i<s.length; i++) { t = hexfromdec( s.charCodeAt(i) ); if (t=='25') { t=''; } hex += '%' + t; } return hex; } function hexfromdec(num) { if (num > 65535) { return ("err!") } first = Math.round(num/4096 - .5); temp1 = num - first * 4096; second = Math.round(temp1/256 -.5); temp2 = temp1 - second * 256; third = Math.round(temp2/16 - .5); fourth = temp2 - third * 16; return (""+getletter(third)+getletter(fourth)); } function getletter(num) { if (num < 10) { return num; } else { if (num == 10) { return "A" } if (num == 11) { return "B" } if (num == 12) { return "C" } if (num == 13) { return "D" } if (num == 14) { return "E" } if (num == 15) { return "F" } } } document.write(UrlEncode("力思互联")); </script>
提示：您可以先修改部分代码再运行
[101] CSS坚向二级菜单 [2008-11-25]
DIV UL LI坚向二级菜单

<style type="text/css">  </style> javascript部分： <script type=text/javascript> </script> html显示部分： <ul id="nav"> <li> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.lixiaoliang.com" class="bigmenu">产品介绍</a></td> <td valign="top"><ul> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> </ul> </td> </tr> </table> </li> <li><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.lixiaoliang.com" class="bigmenu">产品介绍</a></td> <td valign="top"><ul> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> </ul> </td> </tr> </table> </li> <li><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.lixiaoliang.com" class="bigmenu">产品介绍</a></td> <td valign="top"><ul> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> </ul> </td> </tr> </table> </li> <li><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.lixiaoliang.com" class="bigmenu">产品介绍</a></td> <td valign="top"><ul> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> </ul> </td> </tr> </table> </li> <li><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.lixiaoliang.com" class="bigmenu">产品介绍</a></td> <td valign="top"><ul> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> </ul> </td> </tr> </table> </li> <li><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.lixiaoliang.com" class="bigmenu">产品介绍</a></td> <td valign="top"><ul> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> <li><a href="http://www.lixiaoliang.com">产品一</a></li> </ul> </td> </tr> </table> </li> </ul>
提示：您可以先修改部分代码再运行
[100] 几乎被设计师遗忘了的标签legend [2008-10-10]
几乎被设计师遗忘了的标签legend

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>几乎被设计师遗忘了的标签</title> <style type="text/css"> fieldset { width: 300px; border: 1px solid #006600; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } ul { margin: 10px; padding: 0px; background-color: #FFFFCC; } li { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 180%; } </style> </head> <body> <fieldset> <legend>Dascom News</legend> <ul> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting victim to be released from hospital</li> </ul> </fieldset> </body> </html>
提示：您可以先修改部分代码再运行
[99] 根据机器不同语言访问不同页面 [2008-10-10]
根据机器不同语言访问不同页面

<SCRIPT LANGUAGE="JavaScript1.2">  </script>
提示：您可以先修改部分代码再运行
[98] js二级联动三级联动 [2008-10-10]
js二级联动三级联动

<html> <head> <title>无标题文档</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000">  <script language="JavaScript">  </script> <form name="form1"> 二级联动： <select name="s1" onChange="changeselect1(this.value)"> <option>==请选择==</option> <option value="10">1-10</option> <option value="20">11-20</option> </select> <select name="s2" onChange="alert(this.value)"> <option>==请选择==</option> </select> </form>   <script language="JavaScript">  </script> <form name="form2"> 三级联动： <select name="s1" onChange="changeselect2()"> <option>==请选择==</option> <option value="10">1-10</option> <option value="20">11-20</option> </select> <select name="s2" onChange="changeselect3(document.form2.s1.value,this.value)"> <option>==请选择==</option> </select> <select name="s3" onChange="alert(this.value)"> <option>==请选择==</option> </select> </form>  </body> </html>
提示：您可以先修改部分代码再运行
[97] 如何实现简单的FAQ折叠效果 [2008-10-10]
如何实现简单的FAQ折叠效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="Sheneyan" /> <script type="text/javascript"> var lastFaqClick=null;//上次点击的faq window.onload=function(){ var faq=document.getElementById("faq"); var dls=faq.getElementsByTagName("dl"); for (var i=0,dl;dl=dls[i];i++){ var dt=dl.getElementsByTagName("dt")[0];//取得标题 dt.id = "faq_dt_"+(Math.random()*100); dt.onclick=function(){ var p=this.parentNode;//取得父节点 if (lastFaqClick!=null&&lastFaqClick.id!=this.id){ var dds=lastFaqClick.parentNode.getElementsByTagName("dd"); for (var i=0,dd;dd=dds[i];i++) dd.style.display='none'; } lastFaqClick=this; var dds=p.getElementsByTagName("dd");//取得该父节点所有的子节点，也就是所有的答案 var tmpDisplay='none'; if (gs(dds[0],'display')=='none') tmpDisplay='block'; for (var i=0;i<dds.length;i++) dds[i].style.display=tmpDisplay; } } } /** *取得元素的真实css属性 *written in 06.7 sheneyan */ function gs(d,a){ if (d.currentStyle){ var curVal=d.currentStyle[a] }else{ var curVal=document.defaultView.getComputedStyle(d, null)[a] } return curVal; } </script> <style type="text/css"> *,html,body{margin:0;padding:0} #faq dt{font-weight:bold;cursor:pointer} #faq dd{display:none;} </style> </head> <body> <ul id="faq"> <li> <dl><dt>问题1 </dt><dd>答：1 </dd></dl> </li> <li> <dl><dt>问题2 </dt><dd>答：2 </dd></dl> </li> <li> <dl><dt>问题3 </dt><dd>答：3 </dd></dl> </li> <li> <dl><dt>问题4 </dt><dd>答：4 </dd></dl> </li> </li> </ul> </body> </html>
提示：您可以先修改部分代码再运行
[96] 个人所得税计算器 [2008-10-10]
个人所得税计算器

<SCRIPT language=JavaScript> </SCRIPT> <FORM name=TaxForm method=post> <TABLE cellSpacing=1 cellPadding=3 width=360 align=center bgColor=#666666 border=0> <TBODY> <TR> <TD width=352 bgColor=#666666 colSpan=2> <P align=center><FONT color=#ffffff>个人所得税计算器</FONT></P></TD></TR> <TR> <TD align=middle width=112 bgColor=#ffffff>月收入(元)：</TD> <TD align=middle width=234 bgColor=#ffffff><INPUT size=24 name=Salary></TD></TR> <TR> <TD align=middle width=112 bgColor=#ffffff>起征额(元)：</TD> <TD align=middle width=234 bgColor=#ffffff><INPUT size=24 value=1600 name=StartNum></TD></TR> <TR> <TD width=346 bgColor=#ffffff colSpan=2> <P align=center><INPUT onclick=calc() type=button value="计算" name=B1><INPUT type=reset value="重写" name=B2></P></TD></TR></TBODY></TABLE></FORM>
提示：您可以先修改部分代码再运行
[95] 清空代码防止查看源代码 [2008-10-10]
清空代码防止查看源代码

<html> <head> <script language="javascript"> function clear(){ Source=document.body.firstChild.data; document.open(); document.close(); document.title="看不到源代码"; document.body.innerHTML=Source; } </script> </head> <body onload=clear()>  </body> </html>
提示：您可以先修改部分代码再运行
[94] JS日期代码-鼠标移上显农历 [2008-7-28]
JS日期代码-鼠标移上显农历

<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>JS日期代码-鼠标移上显农历-北京网站建设工作室</title> <style>  </style> </head> <body topmargin=0 marginheight=0 leftmargin=0 marginwidth=0 style='font-size:12px'> <span id="clock" onmouseover="document.all.lunar.style.display='block';this.style.display='none'"><font color="#000000"><span id="clockspan">日期</span></font></span><span id="lunar" onmouseout="this.style.display='none';document.all.clock.style.display='block'" style="display:none;"><font color="#000000" bgcolor="#ffffe6"><span id="lunarspan">农历</span></font> </span> <script type="text/javascript">  </script> </body> </html>
提示：您可以先修改部分代码再运行
[93] 输入全角字符和数字自动转换为半角 [2008-5-28]
输入全角字符和数字自动转换为半角很好,很好用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> body {font-size:14px;margin:50px} .div {border:1px solid #aedef2;padding:10px;width:400px;text-align:center} INPUT {border:1px solid #aedef2;} </style> <script> function CtoH(obj) { var str=obj.value; var result=""; for (var i = 0; i < str.length; i++) { if (str.charCodeAt(i)==12288) { result+= String.fromCharCode(str.charCodeAt(i)-12256); continue; } if (str.charCodeAt(i)>65280 && str.charCodeAt(i)<65375) result+= String.fromCharCode(str.charCodeAt(i)-65248); else result+= String.fromCharCode(str.charCodeAt(i)); } obj.value=result; } </script> </HEAD> <BODY> <div class="div"> 输入全角字符或数字试试：<INPUT TYPE="text" NAME="test" onkeyup="CtoH(this);"> </div> </BODY> </HTML>
提示：您可以先修改部分代码再运行

1/6P
1
2
3
4
5
6