网页制作常用代码集锦
]=c%16switch (t[a]){case 10:t[a]='A';break;case 11:t[a]='B';break;case 12:t[a]='C';break;case 13:t[a]='D';break;case 14:t[a]='E';break;case 15:t[a]='F';break;default:break;}switch (o[a]){case 10:o[a]='A';break;case 11:o[a]='B';break;case 12:o[a]='C';break;case 13:o[a]='D';break;case 14:o[a]='E';break;case 15:o[a]='F';break;default:break;}}function ran(a,c){if ((Math.random()>2/3||c==0)&&c<255){c++d[a]=2;}else{if ((Math.random()<=1/2||c==255)&&c>0){c--d[a]=1;}else d[a]=0;}return c}function do_it(a,c){if ((d[a]==2&&c<255)||c==0){c++d[a]=2}elseif ((d[a]==1&&c>0)||c==255){c--;d[a]=1;}if (a==3){if (d[1]==0&&d[2]==0&&d[3]==0)flag=1}return c}function disco(){if (flag==0){r=ran(1, r);g=ran(2, g);b=ran(3, b);hex(1,r)hex(2,g)hex(3,b)document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]flag=50}else{r=do_it(1, r)g=do_it(2,g)b=do_it(3,b)hex(1,r)hex(2,g)hex(3,b)document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]flag--}if (document.all)setTimeout('disco()',50)}//--></script>用<body >替换原有的<BODY.>使用说明：通过修改中的红色字你可以修改你的初始颜色；RGB颜色值 30. 表格的分隔线可以隐藏◆<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线31. 表格的分隔线闪烁◆在BODY区加上<table border="0" width="280" id="myexample" style="border:5px solid yellow"> <tr> <td>加入任意的物件.加入任意的物件. <br>加入任意的物件.加入任意的物件. <br>加入任意的物件.加入任意的物件.</td> </tr> </table> <script language="JavaScript1.2"> <!-- function fla****(){ if (!document.all) return if (myexample.style.borderColor=="yellow") myexample.style.borderColor="lime" else myexample.style.borderColor="yellow" } setInterval("fla****()", 500) //--> </script> 32. 背景音乐可以控制◆放在 <BODY> 和 </BODY> 之间<EMBED SRC="001.mid" WIDTH=145 HEIGHT=60>就会出现一个控制面版让你播放音乐，如果要把音乐当作背景音乐来用，也就是不要显示控制面板。而且一进入画面就要播放，然后一直重复。就要这样写 <EMBED src="ch35.mid" autostart="true" loop="2" width="80" height="30">关于embed还有很多属性autostart：true为音乐文件上传完后自动开始播放，默认为false（否） loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次 volume：取值范围为"0-100"，设置音量，默认为系统本身的音量 starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10开始播放 endtime： "分：秒"，设置歌曲结束播放的时间 width：控制面板的宽 height：控制面板的高 controls：控制面板的外观 c console：正常大小的面板 smallconsole：较小的面板 playbutton：显示播放按钮 pausebutton：显示暂停按钮 stopbutton：显示停止按钮 volumelever：显示音量调节按钮 hidden：为true时可以隐藏面板 33. 自适应图片大小的弹出窗口◆实现此功能的最简单作法是用以下HTML代码创建一个图像链接： <a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a> 其中<a>标记的href属性指定全尺寸图片的URL，target属性设置为_blank指定在新窗口中显示该图片；<img>标记的src属性指定缩略图的URL。 如果想对显示全尺寸图片的窗口的外观进行某些控制（比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时），则可调用 window.open 方法，该方法接收三个参数，分别指定要打开文件的URL，窗口名及窗口特性，在窗口特性参数中可指定窗口的高度、宽度，是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏，宽、高分别为400、350的窗口中：<a href="fullsize.jpg" ><img src="small.jpg"></a> 如果所有全尺寸图片都具有统一的大小（比如都是400x350），那么以上代码适用于所有的缩略图片链接（只是href属性指向的全尺寸图片文件不同）。但如果全尺寸图片的大小并不统一，还用以上代码则我们需要先取得每幅全尺寸图片的大小，然后在window.open方法的窗口特性参数中一一设置height和width为正确的值，在图片数量较多的情况下，这显然效率太低了。可以使用 DHTML 中的 Image 对象来达到目的，Image 对象可动态装载指定的图片，通过读取其 width 和 height 属性即能获得装入图片的大小，以此来设置弹出窗口的大小，即可实现自适应图片大小的弹出窗口了。下面即是实现代码:<script language="JavaScript" type="text/JavaScript"><!--var imgObj;function checkImg(theURL,winName){// 对象是否已创建if (typeof(imgObj) == "object"){// 是否已取得了图像的高度和宽度if ((imgObj.width != 0) && (imgObj.height != 0))// 根据取得的图像高度和宽度设置弹出窗口的高度与宽度，并打开该窗口// 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30));else// 因为通过 Image 对象动态装载图片，不可能立即得到图片的宽度和高度，所以每隔100毫秒重复调用检查setTimeout("checkImg('" + theURL + "','" + winName + "')", 100)}}function OpenFullSizeWindow(theURL,winName,features) {var aNewWin, sBaseCmd;// 弹出窗口外观参数sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";// 调用是否来自 checkImg if (features == null || features == ""){// 创建图像对象imgObj = new Image();// 设置图像源imgObj.src = theURL;// 开始获取图像大小checkImg(theURL, winName)}else{// 打开窗口aNewWin = window.open(theURL,winName, sBaseCmd + features);// 聚焦窗口aNewWin.focus();}}//--></script> 使用时将上面的代码放在网页文档的<head></head>标记对中，然后在链接的点击事件中调用 OpenFullSizeWindow函数，如<a href="fullsize.jpg" ><img src="small.jpg"></a>即可。 以上代码在IE 5.x－6.0中测试通过：） 34. 时间日期代码001说明 数字化的时钟 效果 现在时刻：0:12:31 <span id="liveclock" style"=width: 109px; height: 15px"></span><SCRIPT language=javascript>function www_helpor_net(){var Digital=new Date()var hours=Digital.getHours()var minutes=Digital.getMinutes()var seconds=Digital.getSeconds()if(minutes<=9)minutes="0"+minutesif(seconds<=9)seconds="0"+secondsmyclock="现在时刻：<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"if(document.layers){document.layers.liveclock.document.write(myclock)document.layers.liveclock.document.close()}else if(document.all)liveclock.innerHTML=myclocksetTimeout("www_helpor_net()",1000)}www_helpor_net();//--></SCRIPT>002说明 六种风格时间显示,一定有你喜欢的！ 效果风格一: 星期三,4月21日,2004年 风格二: 0:12:45上午 风格三: 星期三,4月21日,2004年 0:12:45上午 风格四: 4/21/04 风格五: 0:12:45 风格六: Wed Apr 21 00:12:45 UTC+0800 2004 <SCRIPT language="javascript"><!--function initArray(){for(i=0;i<initArray.arguments.length;i++)this[i]=initArray.arguments[i];}var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");today=new Date();hrs=today.getHours();min=today.getMinutes();sec=today.getSeconds();clckh=""+((hrs>12)?hrs-12:hrs);clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;clck=(hrs>=12)?"下午":"上午";var stnr="";var ns="0123456789";var a="";function getFullYear{yr=d.getYear();if(yr<1000)yr+=1900;return yr;}document.write("<table>");//下面各行分别是一种风格，把不需要的删掉即可document.write ("<TR><TD>风格一:</TD><TD>"+isnDays[today.getDay()] +","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear (today)+"年");document.write("<TR><TD>风格二:</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");document.write ("<TR><TD>风格三:</TD><TD>"+isnDays[today.getDay()] +","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear (today)+"年 "+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");document.write ("<TR><TD>风格四:</TD><TD>"+(today.getMonth()+1)+ "/"+today.getDate()+"/"+(getFullYear(today)+"").substring(2,4)+"</TD></TR>");document.write("<TR><TD>风格五:</TD><TD>"+hrs+":"+clckm+":"+clcks+"</TD></TR>");document.write("<TR><TD VALIGN=TOP>风格六:</TD><TD>"+today+"</TD></TR>");document.write("</table>");//--></SCRIPT>003说明 显示他人在页面停留的时间，而且可以作出提醒 效果 您在本站逗留了 您在本站逗留了<input type="text" name="helpor_net" size="15" style="border: 0 "><SCRIPT language="javascript"><!--var sec=0;var min=0;var hou=0;flag=0;idt=window.setTimeout("www_helpor_net();",1000);function www_helpor_net(){sec++;if(sec==60){sec=0;min+=1;}if(min==60){min=0;hou+=1;}if((min>0)&&(flag==0)){window.alert("您刚刚来了1分钟!可别急着走开，还有好多好东东等着您呢!--站长");flag=1;}helpor_net.value=hou+"小时"+min+"分"+sec+"秒";idt=window.setTimeout("www_helpor_net();",1000);}//--></SCRIPT>004说明 这个时钟是有影子的，而且还在不停地走着呢 效果 00:14:3300:14:33 <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#cccccc;font-size:20px;top:50px;left:173px"></div><div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#000000;font-size:20px;top:48px;left:170px"></div><div id="mainbody" style="position:absolute; visibility:visible"></div><script language=javaScript><!--function www_helpor_net() {thistime= new Date()var hours=thistime.getHours()var minutes=thistime.getMinutes()var seconds=thistime.getSeconds()if (eval(hours) <10) {hours="0"+hours}if (eval(minutes) < 10) {minutes="0"+minutes}if (seconds < 10) {seconds="0"+seconds}thistime = hours+":"+minutes+":"+secondsif(document.all) {bgclocknoshade.innerHTML=thistimebgclockshade.innerHTML=thistime}if(document.layers) {document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:20px;top:10px;left:152px">'+thistime+'</div>')document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;colorDDDDD;font-size:20px;top:8px;left:150px">'+thistime+'</div>')document.close()}var timer=setTimeout("www_helpor_net()",200)}www_helpor_net();//--></script>005说明 年月日都是用全中文显示 效果 公元二零零三年四月二十一日 <script language="JavaScript"><!--function number(index1){var numberstring="一二三四五六七八九十";if(index1 ==0) {document.write("十")}if(index1 < 10){document.write(numberstring.substring(0+(index1-1),index1))}else if(index1 < 20 ){document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}else if(index1 < 30 ){document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}else{document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}}var today1 = new Date()var month = today1.getMonth()+1var date = today1.getDate()var day = today1.getDay()document.write("公元二零零三年")number(month)document.write("月")number(date)document.write("日")//--></script>006美女时钟</SPAN><SPAN id=_ctl0__ctl10_lblContent style="TABLE-LAYOUT: fixed; FONT-SIZE: 14px; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><EMBED src=http://www.twinsbbs.com/swf/clock.swf type=application/x-shockwave-flash></EMBED></SPAN></TD> </TR></TABLE><SCRIPT language=javascript><!--var s=document.all("_ctl0__ctl10_lblContent").innerText;if (s=="当前您正处于安全模式，无法显示文章内容!")document.all("_ctl0__ctl10_lblContent"). outerHTML="<span style='color:red;font-size:12px;border:1px black solid;background-color:#cccccc'>"+s+"</span>";//--></SCRIPT><BR><TABLE width="100%"><TBODY><TR><TD></TD></TR><TR><TD></TD></TR></TBODY></TABLE>页:
[1]