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

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

更多经典代码
JS显示当前年月日星期时间分秒代码（时间不断变动）(2010-7-16)
XML语法检测器(2010-3-10)
用JS将指定的关键字加链接显示(2010-3-10)
间歇性无缝滚动JS代码实例(2010-3-10)
js将网址转为urlencode类型(2008-12-4)
CSS坚向二级菜单(2008-11-25)
几乎被设计师遗忘了的标签legend(2008-10-10)
根据机器不同语言访问不同页面(2008-10-10)
js二级联动三级联动(2008-10-10)
如何实现简单的FAQ折叠效果(2008-10-10)

更多大杂记
郭德纲博文：有药也不给你吃(2010-8-12)
郭德纲道歉信(2010-8-12)
物理电学经典电路之楼上楼下电路示意图(2010-6-13)
荣威roewe350广告背景歌曲音乐(视频+音乐+铃音)(2010-6-13)
上传的Flv格式的文件到空间后不能播放,提示找不到.解决方案(2010-5-6)
再回首--姜育恒(2010-3-26)
2010年春节晚会节目单[这都能搞出来](2010-1-15)
朝鲜阅兵式踏正步,真搞笑(2009-9-22)
余世维博士讲座全集清晰版HTTP免费下载成功经理人讲座(2009-9-22)
教你如何点亮QQ图标?怎样免费点亮QQ全部图标?(2009-9-22)

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

更多成功案例

经典代码
[106] JS显示当前年月日星期时间分秒代码（时间不断变动） [2010-7-16]
JS显示当前年月日星期时间分秒代码（时间不断变动）

<script language="JavaScript" type="text/javascript">  </script> <script language="JavaScript" type="text/javascript">  </script>
提示：您可以先修改部分代码再运行
[105] XML语法检测器 [2010-3-10]
XML语法检测器

<form action=""> <p><textarea id="validxml1" rows="10" cols="75"> <?xml version="1.0" ?> <note> <to>George</to> <from>John</Ffrom> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note> </textarea></p> <p><input type="button" value="验证" onclick="validateXML('validxml1')" /></p> </form> <script type="text/javascript"> function validateXML(txt) { // code for IE if (window.ActiveXObject) { var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; xmlDoc.loadXML(document.all(txt).value); if(xmlDoc.parseError.errorCode!=0) { txt="Error Code: " + xmlDoc.parseError.errorCode + "\n"; txt=txt+"Error Reason: " + xmlDoc.parseError.reason; txt=txt+"Error Line: " + xmlDoc.parseError.line; alert(txt); } else { alert("No errors found"); } } // code for Mozilla, Firefox, Opera, etc. else if (document.implementation.createDocument) { var parser=new DOMParser(); var text=document.getElementById(txt).value; var xmlDoc=parser.parseFromString(text,"text/xml"); if (xmlDoc.documentElement.nodeName=="parsererror") { alert(xmlDoc.documentElement.childNodes[0].nodeValue); } else { alert("No errors found"); } } else { alert('Your browser cannot handle XML validation'); } } </script>
提示：您可以先修改部分代码再运行
[104] 用JS将指定的关键字加链接显示 [2010-3-10]
用JS将指定的关键字加链接显示

<pre> 企业以企业流程(优化)重组为基础，在一定的深度和广度上利用计算机技术、网络技术和数据库技术，控制和集成化管理企业生产经营活动中的所有信息实现企业内外部信息的共享和有效利用，以提高企业的经济效益和市场竞争能力。“企业信息化”是指“通过对信息技术的应用，开发和使用企业的信息资源，提高管理水平、开发能力、经营水平的过程”。企业信息化从发展程度看，分为三个层面和发展水平的不同阶段。第一是利用计算机实现对产品生产制造过程的自动控制。第二是利用计算机系统实现企业内部管理的系统化。第三是利用互联网开展的电子商务。 </pre> <script language="JavaScript"> function highlight(key) { var keys = key.split('|'); for (var i=0; i<keys.length; i++) { var rng = document.body.createTextRange(); while (rng.findText(keys[i])) //rng.pasteHTML(rng.text.fontcolor('red')); rng.pasteHTML('<a href="http://www.lixiaoliang.com" title='+ rng.text +'>' + rng.text + '</a>'); } } highlight('企业信息化|计算机') </script>
提示：您可以先修改部分代码再运行
[103] 间歇性无缝滚动JS代码实例 [2010-3-10]
间歇性无缝滚动JS代码实例

<!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=utf-8" /> <title>间歇性无缝滚动代码实例</title> </head> <body> <DIV style="LINE-HEIGHT: 22px; HEIGHT: 264px; FONT-SIZE: 12px; OVERFLOW: hidden" id=marqueebox0>  <A href="http://www.lixiaoliang.com" target=_blank><FONT color=#ff0000>北京网站建设工作室</FONT></A><BR> <A href="http://www.lixiaoliang.com" target=_blank><FONT color=#ff0000>北京网站建设工作室11</FONT></A><BR> <A href="http://www.lixiaoliang.com" target=_blank><FONT color=#ff0000>北京网站建设工作室2222</FONT></A><BR> <A href="http://www.lixiaoliang.com" target=_blank>北京网站建设工作室33333</A><BR> <A href="http://www.lixiaoliang.com" target=_blank>北京网站建设工作室44444</A><BR> <A href="http://www.lixiaoliang.com" target=_blank>北京网站建设工作室555555<BR> </A><A href="http://www.lixiaoliang.com" target=_blank><FONT color=#ff0000>北京网站建设工作室6666666</FONT></A><BR> <A href="http://www.lixiaoliang.com" target=_blank>北京网站建设工作室777777777</A><BR> <A href="http://www.lixiaoliang.com" target=_blank>北京网站建设工作室88888888</A><BR> </DIV> <SCRIPT>  </SCRIPT> </body> </html>
提示：您可以先修改部分代码再运行
[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>
提示：您可以先修改部分代码再运行

1/6P
1
2
3
4
5
6