经典代码|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)

更多成功案例

经典代码
[85] 弹出窗口自适应图片大小 [2007-12-29]

<script language="JavaScript" type="text/JavaScript">  </script> <a href="http://www.lixiaoliang.com/success/mohan_big.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="http://www.lixiaoliang.com/success/mohan_small.jpg"></a>
提示：您可以先修改部分代码再运行
[84] CSS+JavaScript鼠标悬停图片渐显效果 [2007-12-29]

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>北京网站建设|www.Lixiaoliang.com</title> <script language=JavaScript1.2>  </script> <style type="text/css">  </style> </head> <body> <h1>鼠标移动到图片上查看效果</h1> <p id="outer"><a href="http://www.chqing.com/"><img onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=20)' src="http://www.chqing.com/cqimages/chqinglogo.gif" alt="www.chqing.com" width="160" height="80" /></a> </p> </body> </html>
提示：您可以先修改部分代码再运行
[83] 鼠标双击滚动单击停止 [2007-12-23]
鼠标双击滚动单击停止

<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效代码|Lixiaoliang.com|---鼠标双击滚动单击停止</title> <script language"javascript"> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",10); } function sc(){ clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script> </head> <body> <p>　</p> <p>　</p> <p>双击鼠标左键滚动</p> <p>单击停止</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> <p align="center">　</p> </body> </html>
提示：您可以先修改部分代码再运行
[82] 随机变换背景图象 [2007-12-15]
随机变换背景图象（一个可以刷新心情的特效）

<Script Language="JavaScript"> 　　 image = new Array(4); //定义image为图片数量的数组　　 image [0] = 'http://www.lixiaoliang.com/link/lixiaoliang.com88x31.jpg' //背景图象的路径　　 image [1] = 'http://www.lixiaoliang.com/link/chqing.com88x31.gif' 　　 image [2] = 'http://www.lixiaoliang.com/link/lixiaoliang.com88x31.jpg' 　　 image [3] = 'http://www.lixiaoliang.com/link/chqing.com88x31.gif' 　　 image [4] = 'http://www.lixiaoliang.com/link/lixiaoliang.com88x31.jpg' 　　 number = Math.floor(Math.random() * image.length); 　　 document.write("<BODY BACKGROUND="+image[number]+">"); </Script>
提示：您可以先修改部分代码再运行
[81] 字号缩放 [2007-12-15]
越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。

<script type="text/javascript"> function doZoom(size) {document.getElementById('zoom').style.fontSize=size+'px';} </script> <span id="zoom">北京网站建设-助力企业信息化建设</span> <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
提示：您可以先修改部分代码再运行
[80] 图片抖动特效 [2007-12-15]
鼠标经过图片抖动特效

<SCRIPT language=javascript1.2>  </SCRIPT> <style>.shakeimage {POSITION: relative} </style> <A href="http://www.lixiaoliang.com" target="_blank"> <img src="http://www.lixiaoliang.com/link/lixiaoliang.com88x31.jpg" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class="shakeimage" border="0"></A>
提示：您可以先修改部分代码再运行
[79] 点击图片放大 [2007-12-15]
点击图片放大,在当前页显示放大图像,点击关闭

[htm] <html> <head><title></title> <script> function show() { var hideobj=document.getElementById("hidediv"); hideobj.style.display="block"; hideobj.style.height=document.body.clientHeight+"px"; document.getElementById("showhide").style.display="block"; } function hide() { document.getElementById("hidediv").style.display="none"; document.getElementById("showhide").style.display="none"; } </script> <style> body{margin:0px;padding:0px;} #hidediv{position:absolute;left:0px;top:0px;width:100%;background-color:#ddf;filter:alpha(opacity=60);opacity=60;display:none;z-Index:2;} #showhide{position:absolute;width:100%;text-align:center;padding-top:80px;display:none;cursor:pointer;z-Index:3;} #content{position:relative;text-align:center;cursor:pointer;z-Index:1;} </style> </head> <body> <div id="hidediv"></div> <div id="showhide"><img src="http://bix.yimg.com/images/zoom/jmWNVrBJdl.jpg" onclick="hide();"></div> <div id="content"> <img src="http://bix.yimg.com/images/jmWNVrBJdl.jpg" onclick="show();"> </div> </body> </html> [/htm]
提示：您可以先修改部分代码再运行
[78] 图片缩略图，点击放大到原图大小 [2007-12-15]
图片缩略图，点击放大到原图大小

<script language="javascript"> var saveWidth = 0; function scaleImg(what) { what = document.getElementById(what); if (navigator.appName=="Netscape") winW = window.innerWidth; if (navigator.appName.indexOf("Microsoft")!=-1) winW = document.body.offsetWidth; if (what.width>(300) || saveWidth>(300)) { if (what.width==(300)) what.width=saveWidth; else { saveWidth = what.width; what.style.cursor = "pointer"; what.width=(300); } } } </script> <img src="http://www.kuangge.net/author/album/picupload/11/1ac78eb2-927f-45ff-a866-437c11d79428.jpg" id="IMG1" onClick="javascript:scaleImg('IMG1')" onLoad="javascript:scaleImg('IMG1')" />
提示：您可以先修改部分代码再运行
[77] 同时显示农历日期的js [2007-12-15]

<td width="270" height="28" align="center" valign="middle" bgcolor="#EDF9EC"><span> <SCRIPT language=JavaScript > function RunGLNL(){ var today=new Date(); var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"; DDDD = DDDD + " " + d[today.getDay()]; DDDD = DDDD+ " " + (CnDateofDateStr(today)); //DDDD = DDDD+ " " + SolarTerm(today); document.write(DDDD); } function DaysNumberofDate(DateGL){ return parseInt((Date.parse(DateGL)-Date.parse(DateGL.getYear()+"/1/1"))/86400000)+1; } function CnDateofDate(DateGL){ var CnData=new Array( 0x16,0x2a,0xda,0x00,0x83,0x49,0xb6,0x05,0x0e,0x64,0xbb,0x00,0x19,0xb2,0x5b,0x00, 0x87,0x6a,0x57,0x04,0x12,0x75,0x2b,0x00,0x1d,0xb6,0x95,0x00,0x8a,0xad,0x55,0x02, 0x15,0x55,0xaa,0x00,0x82,0x55,0x6c,0x07,0x0d,0xc9,0x76,0x00,0x17,0x64,0xb7,0x00, 0x86,0xe4,0xae,0x05,0x11,0xea,0x56,0x00,0x1b,0x6d,0x2a,0x00,0x88,0x5a,0xaa,0x04, 0x14,0xad,0x55,0x00,0x81,0xaa,0xd5,0x09,0x0b,0x52,0xea,0x00,0x16,0xa9,0x6d,0x00, 0x84,0xa9,0x5d,0x06,0x0f,0xd4,0xae,0x00,0x1a,0xea,0x4d,0x00,0x87,0xba,0x55,0x04 ); var CnMonth=new Array(); var CnMonthDays=new Array(); var CnBeginDay; var LeapMonth; var Bytes=new Array(); var I; var CnMonthData; var DaysCount; var CnDaysCount; var ResultMonth; var ResultDay; var yyyy=DateGL.getYear(); var mm=DateGL.getMonth()+1; var dd=DateGL.getDate(); if(yyyy<100) yyyy+=1900; if ((yyyy < 1997) || (yyyy > 2020)){ return 0; } Bytes[0] = CnData[(yyyy - 1997) * 4]; Bytes[1] = CnData[(yyyy - 1997) * 4 + 1]; Bytes[2] = CnData[(yyyy - 1997) * 4 + 2]; Bytes[3] = CnData[(yyyy - 1997) * 4 + 3]; if ((Bytes[0] & 0x80) != 0) {CnMonth[0] = 12;} else {CnMonth[0] = 11;} CnBeginDay = (Bytes[0] & 0x7f); CnMonthData = Bytes[1]; CnMonthData = CnMonthData << 8; CnMonthData = CnMonthData | Bytes[2]; LeapMonth = Bytes[3]; for (I=15;I>=0;I--){ CnMonthDays[15 - I] = 29; if (((1 << I) & CnMonthData) != 0 ){ CnMonthDays[15 - I]++;} if (CnMonth[15 - I] == LeapMonth ){ CnMonth[15 - I + 1] = - LeapMonth;} else{ if (CnMonth[15 - I] < 0 ){CnMonth[15 - I + 1] = - CnMonth[15 - I] + 1;} else {CnMonth[15 - I + 1] = CnMonth[15 - I] + 1;} if (CnMonth[15 - I + 1] > 12 ){ CnMonth[15 - I + 1] = 1;} } } DaysCount = DaysNumberofDate(DateGL) - 1; if (DaysCount <= (CnMonthDays[0] - CnBeginDay)){ if ((yyyy > 1901) && (CnDateofDate(new Date((yyyy - 1)+"/12/31")) < 0)){ ResultMonth = - CnMonth[0];} else {ResultMonth = CnMonth[0];} ResultDay = CnBeginDay + DaysCount; } else{ CnDaysCount = CnMonthDays[0] - CnBeginDay; I = 1; while ((CnDaysCount < DaysCount) && (CnDaysCount + CnMonthDays[I] < DaysCount)){ CnDaysCount+= CnMonthDays[I]; I++; } ResultMonth = CnMonth[I]; ResultDay = DaysCount - CnDaysCount; } if (ResultMonth > 0){ return ResultMonth * 100 + ResultDay;} else{return ResultMonth * 100 - ResultDay;} } function CnYearofDate(DateGL){ var YYYY=DateGL.getYear(); var MM=DateGL.getMonth()+1; var CnMM=parseInt(Math.abs(CnDateofDate(DateGL))/100); if(YYYY<100) YYYY+=1900; if(CnMM>MM) YYYY--; YYYY-=1864; return CnEra(YYYY)+"年"; } function CnMonthofDate(DateGL){ var CnMonthStr=new Array("零","正","二","三","四","五","六","七","八","九","十","冬","腊"); var Month; Month = parseInt(CnDateofDate(DateGL)/100); if (Month < 0){return "闰" + CnMonthStr[-Month] + "月";} else{return CnMonthStr[Month] + "月";} } function CnDayofDate(DateGL){ var CnDayStr=new Array("零", "初一", "初二", "初三", "初四", "初五", "初六", "初七", "初八", "初九", "初十", "十一", "十二", "十三", "十四", "十五", "十六", "十七", "十八", "十九", "二十", "廿一", "廿二", "廿三", "廿四", "廿五", "廿六", "廿七", "廿八", "廿九", "三十"); var Day; Day = (Math.abs(CnDateofDate(DateGL)))%100; return CnDayStr[Day]; } function DaysNumberofMonth(DateGL){ var MM1=DateGL.getYear(); MM1<100 ? MM1+=1900:MM1; var MM2=MM1; MM1+="/"+(DateGL.getMonth()+1); MM2+="/"+(DateGL.getMonth()+2); MM1+="/1"; MM2+="/1"; return parseInt((Date.parse(MM2)-Date.parse(MM1))/86400000); } function CnEra(YYYY){ var Tiangan=new Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸"); //var Dizhi=new Array("子(鼠)","丑(牛)","寅(虎)","卯(兔)","辰(龙)","巳(蛇)", //"午(马)","未(羊)","申(猴)","酉(鸡)","戌(狗)","亥(猪)"); var Dizhi=new Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"); return Tiangan[YYYY%10]+Dizhi[YYYY%12]; } function CnDateofDateStr(DateGL){ if(CnMonthofDate(DateGL)=="零月") return "　请调整您的计算机日期!"; else return "农历"+CnYearofDate(DateGL)+ " " + CnMonthofDate(DateGL) + CnDayofDate(DateGL); } function SolarTerm(DateGL){ var SolarTermStr=new Array( "小寒","大寒","立春","雨水","惊蛰","春分", "清明","谷雨","立夏","小满","芒种","夏至", "小暑","大暑","立秋","处暑","白露","秋分", "寒露","霜降","立冬","小雪","大雪","冬至"); var DifferenceInMonth=new Array( 1272060,1275495,1281180,1289445,1299225,1310355, 1321560,1333035,1342770,1350855,1356420,1359045, 1358580,1355055,1348695,1340040,1329630,1318455, 1306935,1297380,1286865,1277730,1274550,1271556); var DifferenceInYear=31556926; var BeginTime=new Date(1901/1/1); BeginTime.setTime(947120460000); for(;DateGL.getYear()<BeginTime.getYear();){ BeginTime.setTime(BeginTime.getTime()-DifferenceInYear*1000); } for(;DateGL.getYear()>BeginTime.getYear();){ BeginTime.setTime(BeginTime.getTime()+DifferenceInYear*1000); } for(var M=0;DateGL.getMonth()>BeginTime.getMonth();M++){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000); } if(DateGL.getDate()>BeginTime.getDate()){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000); M++; } if(DateGL.getDate()>BeginTime.getDate()){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000); M==23?M=0:M++; } var JQ; if(DateGL.getDate()==BeginTime.getDate()){ JQ="　今天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>"; } else if(DateGL.getDate()==BeginTime.getDate()-1){ JQ="　明天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>"; } else if(DateGL.getDate()==BeginTime.getDate()-2){ JQ="　后天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>"; } else{ JQ=" " if(DateGL.getMonth()==BeginTime.getMonth()){ JQ+="　本月"; } else{ JQ+="　下月"; } JQ+=BeginTime.getDate()+"日"+"<font color='#FF9999'><b>"+SolarTermStr[M]+"</b></font>"; } return JQ; } function CAL() {} RunGLNL(); function CurentTime(){ var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getTime() % 60000; ss = (ss - (ss % 1000)) / 1000; var clock = hh+':'; if (mm < 10) clock += '0'; clock += mm+':'; if (ss < 10) clock += '0'; clock += ss; return(clock); } </SCRIPT></span> <iframe src="http://time.org.cn/now/ color:#EFFBEF;font-size:9pt" width=0 height=0 frameborder=0 scrolling=no allowTransparency=true></iframe></td>
提示：您可以先修改部分代码再运行
[76] 旋转，移动，从最小化到最大化的窗口 [2007-12-15]
特效打开窗口

旋转，移动，从最小化到最大化的窗口 <script language="JavaScript"> window.moveTo(0,0) window.resizeTo(0,0) window.scrollBy(0, 100) setTimeout("MoveWindow()", 1); var mx=0 var my=0 var szx=0 var szy=0 var mxm=50 var mym=25 var sv=50 var c=255 var sm=30 var done=2 var cycle=2 var status=1 function MoveWindow() { if (status == 1) { mxm=mxm/1.05 mym=mym/1.05 mx+=mxm my-=mym mxm+=(400-mx)/100 mym-=(300-my)/100 window.moveTo(mx,my) rmxm=Math.round(mxm/10) rmym=Math.round(mym/10) if (rmxm == 0) { if (rmym == 0) { status=2} } } if (status == 2){ sv=sv/1.1 window.moveTo(mx-sv*(1+1/3)/2,my-sv/2) window.resizeTo(szx+sv*(1+1/3),szy+sv) if (sv < 0.1) { status=3} } if (status == 3){ c=c-16 if (c<0) {status=8} } if (status == 4) { c=c+16 if (c > 239) {status=5} } if (status == 5) { c=c-16 if (c < 0) { status=6 cycle=cycle-1 if (cycle > 0) { if (done == 1) {status=7} else {status=4} } }} if (status == 6) { cycle=2 status=4 done=1 } if (status == 7) { c=c+4 if (c > 128) {status=8} } if (status == 8) { window.moveTo(0,0) window.resizeTo(screen.availWidth,screen.availHeight) status=9 }  setTimeout("MoveWindow()",20) } </script> <h1>北京网站建设-助力企业信息化建设</h1>
提示：您可以先修改部分代码再运行

3/6P
1
2
3
4
5
6