制作网页常用代码

《制作网页常用代码》由会员分享，可在线阅读，更多相关《制作网页常用代码（35页珍藏版）》请在装配图网上搜索。

1、网页制作常用代码1. 如何在网页中加入注释代码：2. 如何在网页中加入EMAIL链接并显示预定的主题代码: a href=mailto:yourmailxxx.xxx?Subject二你好Send Mail3. 如何制作电子邮件表单在中输入 Action二youremailXXX.XXX，提交采用 POST 方法。4. 如何避免别人将你的网页放入他的框架(FRAME)中在源代码中的之间加入如下代码：script language二javascript5. 如何自动加入最后修改日期在源代码中的 /BODY之间加入如下代码：6. 如何让背景图象不滚动代码：在 Dreamweaver 中用Text-

2、Custom style-Edit style Sheet-New-RedefineHTML Tag 中选择 Body,然后在 Background 中的 Attachment 里选 fixed7. 如何将网页定时关闭在源代码中的后面加入如下代码： script LANGUAGE二javascript /script在代码中的60000表示1分钟，它是以毫秒为单位的。8. 将网页加入收藏夹请使用如下代码：(注意标点符号)将本站加入收藏夹9. 如何定义网页的关键字(Keywords)格式如下：content中的即为关键字，用逗号隔开在 Dreamweaver 中用Insert-Head-KeyW

3、ords 命令10. 如何设置命令来关闭打开的窗口在源代码中加入如下代码： 关闭窗口11. 如何在网页中加入书签，在页面内任意跳转在源代码中需要插入书签的地方输入，在调用的地方输入Top,其中的top是你设定的书 签名字。在Dreamweaver中用菜单的Insert-Name Anchor命令插入书签，调用时，在Link 中输入#top，top为书签名。12. 如何为不支持框架的浏览器指定内容在源代码中加入下面代码：本网页有框架结构，请下载新的浏览器观看 /noframesX/ BODY13. 如何在网页中加入单个或几个空格在源代码中输入，每个之间请用空格分开。在Dreamweaver中用+

4、插入空格或任输几个字符，然后将其色彩设成背景的色彩！14. 如何在网页中加入书签，在多个页面之间任意跳转方法与上面类似，不过做链接时要在书签名前加上网页文件名，如：other.htm#top，这样一来就会跳转到other.htm页面中的top书签处。15. 如何使表格（TABLE）没有边框线将表格的边框属性：border二016. 如何隐藏状态栏里出现的LINK信息请使用如下代码：火星时代17. 如何定时载入另一个网页内容在源代码中的 /HEAD加入如下代码：40秒后将自动载入所在的网页18. 如何为网页设置背景音乐代码：src:音乐文件的路径及文件名；autostart： true为音乐文件

5、上传完后自动开始播放，默认为false （否）loop： true为无限次重播，false为不重播，某一具体值（整数）为重播多少次volume:取值范围为0-100，设置音量，默认为系统本身的音量starttime：分：秒，设置歌曲开始播放的时间，如，starttime二00:10，从第10开始 播放endtime：分：秒，设置歌曲结束播放的时间width：控制面板的宽height:控制面板的高controls :控制面板的外观controls二console/smallconsole/playbutton/pausebutton/stopbutton/volumelever console

6、:正常大小的面板smallconsole：较小的面板playbutton:显示播放按钮pausebutton：显示暂停按钮stopbutton:显示停止按钮volumelever :显示音量调节按钮hidden:为true时可以隐藏面板19. 如何去掉链接的下划线在源代码中的之间输入如下代码: function openl(url)var x,y;x=window.event.screenX-8;y=window.event.screenY-50;var ss;ss二Left二+ x + ,Top= + y + ,Height=100,width=100,toolbar二no,scrollba

7、rs二yes;window.open(url,ss);*如果是打开两个不互相替换的窗口则添加一个不同名字的function即可，例如: function openl(url) var x,y;x=window.event.screenX-8;y=window.event.screenY-50;var ss;ss二Left二+ x + ,Top= + y + ,Height=100,width=100,toolbar二no,scrollbars二yes;window.open(url,ss);function open2(url)var x,y;x=window.event.screenX-8;

8、y=window.event.screenY-50;var ss;ss二Left二+ x + ,Top= + y + ,Height=100,width=100,toolbar二no,scrollbars二yes;window.open(url,ss);然后在下面要连接的地方写如下代码：连接 1连接2如是点击Flash按钮，则在显示页的HEAD中写script language二JavaScriptfunction openNewWindow(URLtoOpen, windowName, windowFeatures) newWindow=window.open(URLtoOpen, wind

9、owName, windowFeatures); 在flash的按钮上写on (press) getURL(javascriptpenNewWindow(要打开的页名.htm,words,height=446,width=720,toolbar二no,scrollbars二no);22、打开一个没有最大化、最小化，只有关闭按钮的窗口复制代码到head中function modelesswin(url,mwidth,mheight)if (document.all&window.print) /if ie5eval(window.showModelessDialog(url,help:0;res

10、izable:1;dialogWidth:+mwidt h+px;dialogHeight:+mheight+px)elseeval(window.open(url,width二+mwidth+px,height二+mheight+px,resizable=1, scrollbars=1)/configure URL and window dimensions (width/height) modelesswin(,600,600)/To load via link, use something like below:Click here23、直接点击链接关闭窗口举个例子比较方便理解、SCRI

11、PT language二JavaScriptfunction shutwin()window.closeO;return;关闭本窗口24、弹启一个全屏窗口window.open(,example01,fullscreen)hoho好像触摸屏25、弹启一个被F11化后的窗口window.open(,example02,channelmode) 26、弹启一个带有收藏链接工具栏的窗口window.open(,example03,width=400,height=300,directorie s)bodyonload二window.open(,example03,width=400,height=3

12、00,directories);27. 在打开页面同时弹出无边框全屏窗口加入到之间var tmp=window.open(about:blank,fullscreen=1)tmp.moveTo(100,100)tmp.resizeTo(600,400)tmp.focusOtmp.location二 (要打开的窗口页文件)28. 鼠标移动到图片上图片渐显效果在宀6玄4到之间插入如下的JAVASCRIPT代码：nereidFadeObjects = new ObjectO;nereidFadeTimers = new Object();function nereidFade(object, des

13、tOp, rate, delta)if (!document.all)returnif (object != object)setTimeout(nereidFade(+object+,+destOp+,+rate+,+delta+),O); return;clearTimeout(nereidFadeTimersobject.sourcelndex);diff = destOp-object.filters.alpha.opacity;direction = 1;if (object.filters.alpha.opacity destOp) direction = -1; delta二Ma

14、th.min(direction*diff,delta); object.filters.alpha.opacity+二direction*delta; if (object.filters.alpha.opacity != destOp) nereidFadeObjectsobject.sourcelndex=object; nereidFadeTimersobject.sourcelndex二setTimeout(nereidFade(nereidFadeObjects +object.sourcelndex+,+destOp+,+rate+,+delta+),rate);在要插入的图片添

15、加如下代码：*其中 onMouseOver二nereidFade(this,50,10,4)中 style二FILTER: alpha(opacity=50) 表示图片的透明度为50%烈火于2005-09-19 05:30 PM发表：第2楼29. 背景色渐变例子：复制下面的代码到的html文件的和之间：script language二JavaScript2/3|c=0 )&c255)c+da=2;elseif (Math.random()0) cda=1;else da=0;return cif (da=2 &c0)|c=255)c_;da=1;if (a=3)if (d1=0&d 2=0&d

16、3 =0)flag=1return cfunction 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=#+t1+o1+t 2+o 2+t 3+o3flag=50elseg=do_it(2,g)hex(1,r)hex(2,g)hex(3,b)document.bgColor二#+t1+o1+t2+o2+t3+o3flagif (document.all)setTimeout(disco(),50)/-用 替换原有的 使用说明：通过修改中的红色字你可以修改

17、你的初始颜色；RGB颜色值31. 表格的分隔线可以隐藏 可以隐藏横向的分隔线可以隐藏纵向的分隔线可以隐藏横向和纵向的分隔线32. 表格的分隔线闪烁在BODY区加上table border二0 width二280 id二myexamplestyle二border:5px solid yellow加入任意的物件加入任意的物件.加入任意的物件.加入任意的物件.加入任意的物件.加入任意的物件.33. 背景音乐可以控制放在和之间就会出现一个控制面版让你播放音乐，如果要把音乐当作背景音乐来用，也就是不要显示控制面板。而且一进入画面就要播放，然后一直重复。就要这样写关于embed还有很多属性autostar

18、t： true为音乐文件上传完后自动开始播放，默认为false (否)loop： true为无限次重播，false为不重播，某一具体值(整数)为重播多少次volume:取值范围为0-100，设置音量，默认为系统本身的音量starttime:分：秒，设置歌曲开始播放的时间，如，starttime二00:10，从第10开始播放endtime：分：秒，设置歌曲结束播放的时间 width：控制面板的宽height:控制面板的高controls :控制面板的外观controls二console/smallconsole/playbutton/pausebutton/stopbutton/volumele

19、verconsole :正常大小的面板smallconsole：较小的面板playbutton:显示播放按钮pausebutton：显示暂停按钮stopbutton:显示停止按钮volumelever :显示音量调节按钮hidden:为true时可以隐藏面板34. 自适应图片大小的弹出窗口实现此功能的最简单作法是用以下HTML代码创建一个图像链接：其中标记的href属性指定全尺寸图片的URL, target属性设置为_blank指定在新 窗口中显示该图片；标记的src属性指定缩略图的URL。如果想对显示全尺寸图片的窗口的外观进行某些控制(比如希望弹出窗口的高度、宽分别指定要打开文件的URL,窗

20、口名及窗口特性，在窗口特性参数中可指定窗口的高度、宽 度，是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、 状态栏、菜单栏，宽、高分别为400、350的窗口中：小并不统一，还用以上代码则我们需要先取得每幅全尺寸图片的大小，然后在window.open 方法的窗口特性参数中一一设置height和width为正确的值，在图片数量较多的情况下， 这显然效率太低了。可以使用DHTML中的Image对象来达到目的，Image对象可动态装 载指定的图片，通过读取其width和height属性即能获得装入图片的大小，以此来设置 弹出窗口的大小，即可实现自适应图片大小的弹出窗口了。

21、下面即是实现代码： script language二JavaScript type二text/JavaScript使用时将上面的代码放在网页文档的标记对中，然后在链接的点击事件 中调用 OpenFullSizeWindow 函数，如即可。以上代码在IE 5.x6. 0中测试通过：)35时间日期代码001说明数字化的时钟效果现在时刻：0:12:31SCRIPT language二javascriptvar Digital二new Date()var hours二Digital.getHoursOvar minutes二Digital.getMinutesOvar seconds二Digital.

22、getSecondsO if(minutes=9)minutes二0+minutesif(seconds=9)seconds二0+secondsmyclock=现在时刻：+hours+:+minutes+:+seconds+if(document.layers)document.layers.liveclock.document.write(myclock)document.layers.liveclock.document.close()else if(document.all)liveclock.innerHTML=myclockwww_helpor_net /一002说明六种风格时间显示

23、，一定有你喜欢的!效果 风格一：星期三,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!-for(i=0;i12)?hrs-12:hrs);clckm=(min10)?O:)+min;clcks=(sec=12)?下午:上午；var stnr=;var ns二0123456789;var a=;function getFullYearyr=d.getYear();if(yr1000)yr+=1900;return

24、yr;document.write();/下面各行分别是一种风格，把不需要的删掉即可document.write( 风格:+isnDaystoday.getDay()+,+isnMonthstoday.getMonth()+today.getDate()+ 日 ,+getFullYear(today)+年)；document.write( 风格二:+clckh+:+clckm+:+clcks+clck+);document.write( 风格三：+isnDaystoday.getDay()+,+isnMonthstoday.getMonth()+today.getDate()+日，+getFu

25、llYear(today)+年+clckh+:+clckm+:+clcks+clck+);document.write( 风格四:+(today.getMonth()+1)+/+today.getDate()+/+(getFullYear(today)+).substring(2,4)+);document.write( 风格五:+hrs+:+clckm+:+clcks+);document.write( 风格六:+today+);document.write();/一003说明显示他人在页面停留的时间，而且可以作出提醒效果您在本站逗留了0 )& &(flag=0)window.alert(您

26、刚刚来了1分钟!可别急着走开，还有好多好东东等着您呢!一站长); flag=1;/-004说明这个时钟是有影子的，而且还在不停地走着呢效果 00:14:3300:14:33script language二javaScript!-thistime二 new Date()var hours二thistime.getHoursOvar minutes二thistime.getMinutesOvar seconds二thistime.getSecondsOif (eval(hours) 10) hours二0+hoursif (eval(minutes) 10) minutes二0+minutesif

27、 (seconds 10) seconds二0+secondsthistime = hours+:+minutes+:+secondswww_helpor_netif(index1 10) document.write(numberstring.substring(0+(index1-1),index1)else if(index1 20 )document.write(十+numberstring.substring(0+(index1-11),(index1T0) else if(index1 006美女时钟14px; WORD-BREAK: break-all; LINE-HEIGHT:

28、 150% SCRIPT language二javascript +s+;/一1。跳转页面： !-for (i=0; i注：welcome.htm为跳出的小网页：为跳转的页面2。跳出小页面func tion informa tion() window.open( ,scrollbars=no,width=400,height=26 0,left=6, top=10);function informa tion1() window.open(h ttp:/ 50,border=0);informa tion();information1();3. 插入 css 样式表：放入 head 中4. 安

29、工大新闻调用5. 彩色的滚动条BODY SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-C OLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #899AFC; SCROLLBAR-ARROW-COLOR: #899AFC; SCROLLBARTRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #899AFC 6. 动态图var imgUrl=new Array();var imgLink=new A

30、rray();var imgTz=new Array();var adNum=0;imgUrl1=h tt p:/imgLink1=h tt p:/spor 常规赛首胜;imgUrl2=h tt p:/ imgLink2=常规赛首胜;imgUrl3=;imgLink3=;imgUrl4=;imgLink4=;imgUrl5=;imgLink5=;j+；break;function playTran()if (documen t.all)imgInit.f ilt ers.revealTrans.playO;var key=0;function nex tAd()if(adNumj)adNum+

31、 ;else adNum=1;if( key=0 )key=1; else if (documen t.all)imgInit.f ilters.revealTrans.Transi ti on=6; imgIni t.filt ers.revealTrans.apply();playTran();document.images.imgInit.src=imgUrladNum;documen t.getElemen tById(jdtz).innerHTML=imgTzadNum; theTimer=se tTimeou t( nextAdO, 6000);func tion goUrl()j

32、umpUrl=imgLinkadNum;if (jumpUrl != )if (jumpTarget !=) window.open(jumpUrl,jumpTarget); elselocation.href=jumpUrl;5. 产生随机图片：/图片刷新后发生变化的代码a =2var slump = Math.random();var talet = Math.round(slu mp * (a-1)+1;function create() t his.src =t his.border =this.alt =b = new Array()for(var i=1; i=a; i+) b =

33、 new create() b1.src = ht tp:/b1.border = 0b1.alt =b2.border = 0b2.alt =”var visa =;visa += ;6. 时间代码！! var noon;var time=new Date();var hour=tim e.ge tH ours();var minute=tim e.ge tMin ut es();var today=new Date;var week=new Array(7);weekO=天；week1=-;week2=” 二”；week3=三；week4=四；week5=五”；week6=六”；if (hour4 & hour7 & hour12 & hour18 & hour22) noon=深夜；if (hour12) hour=hour-12;if (hour10) hour=0+hour;if (minute10) minute=0+minute;docume nt .wri te();document.wri te(today.getYear()+年+(today.getMonth()+1)+月+today.getDate()+日 星期+wee kt oday.ge tDay()+ +北京时间：+noon+ +hour+:+minu te+