制作网页过程中有些代码是经常要用到的

时间:2022-07-28 09:11:04
1. 如何在网页中加入注释 bp???u  
◆代码:< !-- 这是注释 --> 浛庘e?  
F€暹?鉶  
2. 如何在网页中加入EMAIL链接并显示预定的主题 ?<L 0縀? 
◆代码:< a href="mailto:yourmail at xxx dot xxx?Subject=你好">Send Mail< /a> ?A鮙z&  
Y-u榝?櫷?  
3. 如何制作电子邮件表单 讃#淌尨謴  
◆在<form>中输入Action="youremail at XXX dot XXX" ,提交采用POST方法。 gg(??@3? 
妢噀Uk>儲? 
4. 如何避免别人将你的网页放入他的框架(FRAME)中 >捰`圈洢? 
◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码: B n9_庞  
<script language="javascript"><!-- =蒠矗??  
if (self!=top){ top.location=self.location; } @?玙? 
-->< /script> 鎚 謯徤逍? 
ь曷?儷╳  
5. 如何自动加入最后修改日期 ?邡? z? 
◆在源代码中的<BODY>…< /BODY>之间加入如下代码: 纣衟觎a? 
< Script Language="javascript"><!-- €嫂紨?  
document.write("Last Updated:"+document.lastModified); ㄩ?*毴W  
-->< /Script> ,熳NLk?茛  
1躞ψ渻/  
6. 如何让背景图象不滚动 $:魐z晀  
◆代码:<BODY Background="bg.gif" Bgproperties="fixed" > B駓?.hs  
◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed 遁.I?9?? 
_M駠驙s]9w  
7. 如何将网页定时关闭 ぎ攀z鳨俏G  
◆在源代码中的<BODY>后面加入如下代码: ?磧rン,5.  
< script LANGUAGE="javascript"> <!-- 艩?lt; 椑? 
setTimeout('window.close();', 60000); 9嚚暪  
--> < /script> ɑ亿HL?  
在代码中的60000表示1分钟,它是以毫秒为单位的。 葿jC`f>`  
撥镐鬅? 
8. 将网页加入收藏夹 鹺=冼5琳%L  
◆请使用如下代码:(注意标点符号) h 槨怇婏佊  
< a href='#' onclick="window.external.addFavorite(' http://hxsd.126.com','【火星时代】hxsd.126.com 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……')" target="_top">将本站加入收藏夹< /a> .嘃S=G}m? 
劷,E劽Im  
9. 如何定义网页的关键字(KeyWords) )獽Q?聈e  
◆格式如下: F撳c犼*? 
< meta name="keywords" content="dreamweaver,flash,fireworks"> }嫻Q?}蜀!  
content中的即为关键字,用逗号隔开 qa 4M漺C^?  
◆在Dreamweaver中用「Insert」-「Head」-KeyWords命令 皌呲?憿v? 
翑c?飒/9? 
10. 如何设置命令来关闭打开的窗口 鱈m€Wl漉? 
◆在源代码中加入如下代码: ?w兴uH?&]  
< a href="/" onclick="javascript:window.close(); return false;">关闭窗口< /a> *噗*? 
.4礭~"珳眍  
11. 如何在网页中加入书签,在页面内任意跳转 BLJ嗈墾V迺  
◆在源代码中需要插入书签的地方输入,在调用的地方输入Top,其中的top是你设定的书签名字。 黜*w萑,? 
◆在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。 a?矝N辞)? 
夁爩炒輽{?  
12. 如何为不支持框架的浏览器指定内容 "x?H饨 呚  
◆在源代码中加入下面代码: 緺2p(C? 
< BODY><noframes>本网页有框架结构,请下载新的浏览器观看< /noframes></ BODY> d?栗驝吨? 
鼩j汃辘趇? 
13. 如何在网页中加入单个或几个空格 蔿崨8緕蜡  
◆在源代码中输入 ,每个 之间请用空格分开。 B?-嶢tHx  
◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符,然后将其色彩设成背景的色彩! ??^P:?i  
e肦/砕+W? 
14. 如何在网页中加入书签,在多个页面之间任意跳转 腴W2峖?? 
◆方法与上面类似,不过做链接时要在书签名前加上网页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。 ax??&t?  
锌3e?  
15. 如何使表格(TABLE)没有边框线 ?b?僫艑迼  
◆将表格的边框属性:border="0" 苐?U國湾? 
価纎莧&禉  
16. 如何隐藏状态栏里出现的LINK信息 2尟鷔?_  
◆请使用如下代码: 暎鼡s/g赽  
< a href=" http://hxsd.126.com";;; onmouseOver="window.status='none'return true">火星时代< /a> 譏Vゃ趕鐏? 
纅8[d8/  
17. 如何定时载入另一个网页内容 ?璊倡? 
◆在源代码中的<HEAD>…< /HEAD> 加入如下代码: N惞?毋  
< meta http-equiv="refresh" content="40;URL=http://hxsd.126.com"> 儨/颲r ? 
40秒后将自动载入 http://hxsd.126.com所在的网页 鹜泊4|?H^  
? 竽Wv<4  
18. 如何为网页设置背景音乐 覟H?gA>  
◆代码:< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" > 煁D8玛~よ  
src:音乐文件的路径及文件名; 药1曒F贾? 
autostart:true为音乐文件上传完后自动开始播放,默认为false(否) 伎碖]X?k? 
loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 B;w漏欽? 
volume:取值范围为"0-100",设置音量,默认为系统本身的音量 萶慺鈼? ?  
starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10开始播放 鮺?? 糒m  
endtime: "分:秒",设置歌曲结束播放的时间 澄蜇鯷W?  
width:控制面板的宽 閌愑??m  
height:控制面板的高 x4?6-q0b? 
controls:控制面板的外观 ?ix%"G.?  
controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" ?/咹旼  
console:正常大小的面板 tH椉??%u  
smallconsole:较小的面板 剝娿9 鞪額  
playbutton:显示播放按钮 6j鲂?M? 
pausebutton:显示暂停按钮 藈w虜僞?lt;)  
stopbutton:显示停止按钮 z?;窡?M  
volumelever:显示音量调节按钮 枳飽缃g?  
hidden:为true时可以隐藏面板 O揚釼^I瓅? 
u嶖?酽?g  
19. 如何去掉链接的下划线 麑 aX粈  
◆在源代码中的<HEAD>…</HEAD>之间输入如下代码: ?烺?蕤g? 
<style type="text/css"> <!-- G/魐:9+  
a { text-decoration: none } ? UgF弹? 
--> < /style> ? "  
◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择a,然后在decoration中选中none 鍦@凐穨?  
尣v稊? 
20. timeline中的layer走曲线 ?!%鹚玉菋  
◆要使得timeline中的layer走曲线,你得先让他走出直线来,然后在最后一frame和第一frame中间的任何一frame上点右键,可以看到有个 add keyframe ,点一下,然后把你的layer移动到你要的位置,dw会自动生成曲线,ok! 2X覠牧臛  
21. 打开自定义大小窗口 仸gkt?lt;TD  
◆在head中添加代码: <script language="JavaScript" type="text/JavaScript"> ##鍵雯?? 
function open1(url) $臠pL?!?  
{ C?谳N?? 
var x,y; fv?鬴 (9? 
x=window.event.screenX-8; f?晫_B?  
y=window.event.screenY-50; 毸a緮甋A殃  
var ss; ?玹o蕧?? 
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes"; 蹚fD繹?? 
?唏?? 
window.open(url,"",ss); &V8T?浶  
} 0?丛<麰? 
</script> O@NH?5  
"tS銡晇-? 
*如果是打开两个不互相替换的窗口则添加一个不同名字的function即可,例如: 藯撼韮A]?  
<script language="JavaScript" type="text/JavaScript"> X︷/c帠  
function open1(url) 0颎垪‖h?  
{ 鑫i痲+F餹  
var x,y; Bn sT  
x=window.event.screenX-8; め檼?I3馵  
y=window.event.screenY-50; ?@?o!¦  
鹭厠瞅  
var ss; G佥嬚唧s  
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes"; 仈??!骪  
Y}&-<?L  
window.open(url,"",ss); 蕿[鍅,X鷱? 
} 燣鮥?lt;RF?  
function open2(url) 3鱾?谪撤? 
{ (WJ;醕怆猷  
var x,y; 磬?@?c? 
x=window.event.screenX-8; ?~觔kf誛? 
y=window.event.screenY-50; t8;T筹d=? 
?c5嗵{? 
var ss; /SB$肁  
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes"; 瑋灛??  
圷闢[捿8)? 
window.open(url,"",ss); ?榁?晈x  
} #5謆疻LN  
</script> 輀 媍空W?  
然后在下面要连接的地方写如下代码: 縇撠3o楦?  
<A href="#" 凈亭崱薊  
onclick="open1('路径/连接1.htm')">连接1</A> 慡$橑<8餆-  
<A href="#" D]売霒?m? 
onclick="open2('路径/连接2.htm')">连接2</A> ^暶,N4"鞲^  
屏?@=?F? 
如是点击Flash按钮,则在显示页的HEAD中写 ~眅癅剞鸆  
<script language="JavaScript"> 鬆嬦鷗焉?  
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); } qR而H]鼺? 
</script> ??呜漴€  
J??F霆Y  
在flash 的按钮上写 噼溓4坃~? 
on (press) { 胶陙砸會  
getURL("javascriptpenNewWindow(要打开的页名.htm','words','height=446,width=720,toolbar=no,scrollbars=no')"; 攋拐尒 ,琒  
} ;X瞙? 
22、打开一个没有最大化、最小化,只有关闭按钮的窗口 G昆谅識熥  
踂春?谒  
◆复制代码到head中 0<?韀再?*  
D]?#鐴i  
<script> .V姪8 q饦? 
狧?|祈鹴X  
function modelesswin(url,mwidth,mheight){ T獲(OF贤? 
if (document.all&&window.print) //if ie5 4倾挣Y0糠1  
eval('window.showModelessDialog(url,"","help:0;resizable:1;dialogWidth:'+mwidth+'px;dialogHeight:'+mheight+'px"') ?? 鏮1? 
else 樾籘褈k媮  
eval('window.open(url,"","width='+mwidth+'px,height='+mheight+'px,resizable=1,scrollbars=1"') 鍊> .蕢G破  
} P ,棹?J? 
"俀Xf迚?H  
//configure URL and window dimensions (width/height) ;忽?0  
modelesswin(" http://google.com",600,600) 扄?捳锯√  
a???  
//To load via link, use something like below: 假$??  
//<a href="javascript:modelesswin(' http://yahoo.com',600,400)">Click here</a> 桷荢岦xVx  
</script> B[雿茉??  
23、直接点击链接关闭窗口 zX[旬V  
]F恽喂?? 
举个例子比较方便理解```` ╡I7絗鄰蠾  
/囔j摁摼? 
◆<SCRIPT language=JavaScript> >P嫉栦]9  
function shutwin(){ 臯蛺ZB'? 
window.close(); }?#鐿囜? 
return; } 鄫]璤?@?  
</SCRIPT> f饵?* f  
.謹M%?V  
<P align=center><A href="javascript:shutwin();">关闭本窗口</A></P></BODY></HTML> ?s~t榹b  
24、弹启一个全屏窗口 ?蕹vO詟軋? 
◆window.open(' http://www.hxsd.com ','example01','fullscreen') 燰譣qh  
ud;Pg痩捽  
<html> F5L龌u钡8  
<body onload="window.open(' http://www.hxsd.com','example01','fullscreen');"> ?D钸?  
<b> www.hxsd.com</b> ?燿唽膤硋  
</body> :?曃7?? 
</html> P-C險狰(? 
胰vAT鵖K堋  
hoho~~~好像触摸屏 捔}儃游t  
&鞕I)j? 
25、弹启一个被F11化后的窗口 莵I识O/镵  
◆window.open(' http://www.hxsd.com','example02','channelmode') Y?Y荨衭磺  
6I?僭gO  
<html> 妶?+2忧? 
<body onload="window.open(' http://www.hxsd.com','example02','channelmode');"> !霟?舷o  
<b> www.hxsd.com</b> ?褽潥淮p? 
</body> 0乀斧菝6? 
</html> 嚑?m$孔~?  
竰怭xP咍}  
峄*酢f? 
26、弹启一个带有收藏链接工具栏的窗口 x翃鷑?誕  
◆window.open(' http://www.hxsd.com','example03','width=400,height=300,directories') e?}?? 
iN窉A钒  
<html> 撃墣":阤? 
<body onload="window.open(' http://www.hxsd.com','example03','width=400,height=300,directories');"> D設菖?? 
<b> www.hxsd.com</b> 侻l<笟盈  
</body> ?垤堙鞬F  
</html> 漋x臐B诋  
27. 在打开页面同时弹出无边框全屏窗口 >?[襤/窋  
◆ 加入到< body>和< /body>之间 啢!涜Q湐  
<script> 噛?í鵮  
H錠竎览  
var tmp=window.open("about:blank","", 盺鵗T履?  
ㄛ榣}J?  
"fullscreen=1") ?a畦B抉t  
??熃?? 
tm  ,闒.?擮(  
p.moveTo(100,100) ?鋣?Q?? 
溷唲??b  
tmp.resizeTo(600,400) H9钉餌%?? 
季mw-kK  
tmp.focus() o╮驇廟?? 
#?緺zz遹? 
tmp.location=" http://hxsd.com(要打开的窗口页文件)" 腶O唓拓Ih  
h?能嚬宼Q  
</script> 婰??2扢  
28. 鼠标移动到图片上图片渐显效果 l争??  
◆在<head>到</head>之间插入如下的JAVASCRIPT代码: lu砨 軪yL  
<script> 铼姎??  
nereidFadeObjects = new Object(); +赝瑔C譱? 
nereidFadeTimers = new Object(); 泓Z?哩唁? 
function nereidFade(object, destOp, rate, delta){ 癚蹥?  
if (!document.all) m妪歈t感  
return :毢?嶳(? 
if (object != "[object]"){ 兕;€楑O~z? 
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); =薉M蘠洤?  
return; J屵p?恸谐  
} 循v孑閣}? 
clearTimeout(nereidFadeTimers[object.sourceIndex]); 鉂⑤?M|&? 
diff = destOp-object.filters.alpha.opacity; E=o尥勼  
direction = 1; 5怆??lt;?8  
if (object.filters.alpha.opacity > destOp){ €q逰窾|俶  
direction = -1; }?牻?D5  
} 踽蚂愇LE勗  
delta=Math.min(direction*diff,delta); 蹢/ 茔  
object.filters.alpha.opacity+=direction*delta; 扯γD?5ha  
if (object.filters.alpha.opacity != destOp){ 辫譆 r杆 f  
nereidFadeObjects[object.sourceIndex]=object; S鐑鶕註偂n  
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); 驦€狭"%V鶑  
} d芺y?捈  
} j#羐脸oV? 
</script> 邉??B  
在要插入的图片添加如下代码: 1?3菼€摼? 
<img onMouseOut=nereidFade(this,50,10,4) onMouseOver=nereidFade(this,100,10,4) style="FILTER: alpha(opacity=50)" src="图片名"> 梁惁xk3€  
?絪-?)s  
*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50% 餬儶漎w绲V  
U1/鵑>1}kR  
涸6RZ?lt;棰? 
29. 背景色渐变 f?冤q鎨  
?猼d駴  
例子: 得琡4拉j  
膓"賡8騉  
◆复制下面的代码到的 html 文件的 <head> 和 </head> 之间: ???髓  
餪??濜/  
<script language="JavaScript"> ?詅氛%睊  
<!-- hE釃rH  
//这里可以修改你的初始颜色;RGB颜色值。 淊??矵/_  
r=255; eC賓砍乊  
g=255; " 缨ZO锔O~  
b=255; 诧?@亇?? 
flag=0; ?%烂鶍?P  
t=new Array; 桅笌B  
o=new Array; ∶孎泘?/  
d=new Array; 2孕櫭4跱  
rE笩僇xv孙  
function hex(a,c) .+?貎|d!?  
{ }迩朄蘓媟? 
t[a]=Math.floor(c/16) M型9€尧]碝  
o[a]=c%16 ?`媒叫[暤  
switch (t[a]) $a旫}矧`?  
{ 卛qL伶鷺? 
case 10: 5g?劒  
t[a]='A'; 剄r}?呦-? 
break; s]ou`冐  
case 11: ?埤8?宆  
t[a]='B'; .6O佤8嚲駨  
break; 6P羝B皤p8Z  
case 12: ?W愦4~?  
t[a]='C'; 擻6湟"? 
break; 挹鑟蒾]4-R  
case 13: ?哴(娸  
t[a]='D'; ~?] i12  
break; ?闔aF峩 >  
case 14: 譳喃y鬟  
t[a]='E'; O陘?鴷*楰  
break; 誇?]{*?  
case 15: ?*憸;4?+  
t[a]='F'; 覷?cI:p  
break; 庮莚蚆?  
default: ?tL揰?  
break; €橄?4廉w  
} - 0涝?=  
switch (o[a]) j獂t駝?  
{ ?湂€?? 
case 10: 鋗偠?秕? 
o[a]='A'; $dIf郬叜?  
break; ?l逤厛a  
case 11: O^2$遥_  
o[a]='B'; N?^? 
break; 鲞磆??罹  
case 12: p{TD?悗0  
o[a]='C'; 烤盅?? 
break; 衭^M? 
case 13: 撓槢?6ノ? 
o[a]='D'; 痂?{v?羲  
break; '?缇3nj鈓  
case 14: €觠?潖? 
o[a]='E'; 桄BtP郗? 
break; S?O9?? 
case 15: r?UI_GЕ  
o[a]='F'; O萰2翃?k? 
break; @v岦VB?汉  
default: w??Nco惔  
break; <^?嵂转p? 
} せ 墩琡m0? 
} 仠谍 I│  
灩釆會??  
function ran(a,c) Y崺?]媀J  
{ 儍昳uW?? 
if ((Math.random()>2/3||c==0)&&c<255) 煢韢?e虇? 
{ 屩葇<8A? 
c++ B椬哉舊5S$  
d[a]=2; L觨蛀r'bz? 
} hZ偪 鯝,x? 
else 竂?椹  
{ ?c衺崜?  
if ((Math.random()<=1/2||c==255)&&c>0) ? 樵啧戒? 
{ 碷??T? 
c-- vr46?褞  
d[a]=1; ?粔翐@C  
} 鰍倢]碱$8? 
else d[a]=0; ?VqPU? 
} !?~}~l/? 
return c 憑跦:?n鼎  
} 狲陸縚暺  
function do_it(a,c) 祖捄剫湪?  
{ >瓧8?覗? 
if ((d[a]==2&&c<255)||c==0) Q碡|#sP  
{ 溗Gs:=隖? 
c++ 僬悪X#/  
d[a]=2 俗@?[略?  
} W['?C? 
else 粑艮5FD魆t  
if ((d[a]==1&&c>0)||c==255) 荋泮駼炍  
{ 冘|J;祯  
c--; u檃?孌b奋  
d[a]=1; ??灪?7  
} け飻? 
if (a==3) pO 暍  
{ 鯂皏隖&眝?  
if (d[1]==0&&d[2]==0&&d[3]==0) 寜;駟,u? 
flag=1 芴Q葓|卙  
} 鋻堥?W#+  
return c 堦[厧!(? 
} 逅?K 3y  
function disco() q纭^~?w  
{ ?L}"憜~f  
if (flag==0) 鮰R?Mv51? 
{ 695m&洏L? 
r=ran(1, r); ?T=?3f? 
g=ran(2, g); Lp-X?? 
b=ran(3, b); ?虥?8?? 
hex(1,r) 婛RF&72  
hex(2,g) 7鲢帝U  
hex(3,b) 偃揍:2儐z  
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] .?/?缺阗  
flag=50 榞儺9婒+鏈  
} !yx寏⑾? 
else 妳籩?+g  
{ A笌DH2z? 
r=do_it(1, r) 缀住秮箈琌  
g=do_it(2,g) Y仚蝳G0  
b=do_it(3,b) 髒鳡#? 
hex(1,r) Y9㎏ 诣過? 
hex(2,g) <UY傢Z?  
hex(3,b) Tkt"?  
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] ^F?#H?  
flag-- ,棎蒢aGZ鉮  
} 砚釗?椻? 
if (document.all) ?|U3躜它q  
setTimeout('disco()',50) ?Ox??? 
} 味F痭z?? 
//--> V 骋車T? 
</script> 魀l僞w竇;  
楸!卭茱?  
>1儇夽d!?  
用<body onload="disco()">替换原有的<BODY.> Z鬣甮胕Pc? 
臛偲穦'?  
使用说明:通过修改中的红色字你可以修改你的初始颜色;RGB颜色值 癖緦M袢h? 
?d0q蟋笜  
31. 表格的分隔线可以隐藏 傺瀨j阅u  
◆<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线 :cW蜁s?? 
?1v絴惭? 
<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线 ?Uwd扗蘉b  
c?A憆m蒏m  
<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线 C ahfy  
冊O貇? 
32. 表格的分隔线闪烁 ]cz1帼狍?  
◆在BODY区加上 鸲?濲斔A  
壉? +Y.c  
<table border="0" width="280" id="myexample" 罁"$?  
style="border:5px solid yellow"> <XL鈙v?w  
nC朌U  
<tr> #鞮? >坽  
╪T眬zS? 
<td>加入任意的物件.加入任意的物件. ?@畩l?蛄  
7朗碿T ,!  
<br>加入任意的物件.加入任意的物件. %X)悠Ck  
?輋,魩啙  
<br>加入任意的物件.加入任意的物件.</td> T壻↖L  
?綍紫擺*  
</tr> 靣㈱V:(? 
3乙珵X80? 
</table> 6g?"s拥  
?齭8嫗  
<script language="JavaScript1.2"> Cb嫺騯?&?  
?!慢9? ? 
<!-- O疗鑶囻G  
鏕汉? 
function fla****(){ 賿Dr竜?? 
f 潏^朜^⒘  
if (!document.all) ??? ?  
AY0 yUI琐!  
return 耐絈?嗊? 
nY晐oU驺? 
if (myexample.style.borderColor=="yellow") uT3j?)紐?  
?>(Q坯鲿H  
myexample.style.borderColor="lime" s枌?X?m  
i E?椮|? 
else N??k?  
旐?揼扄返  
myexample.style.borderColor="yellow" 娛?犀? 
n旺鮝? 
} 烅( ?蹗? 
嘶??铼|  
setInterval("fla****()", 500) 齠珎弥劼榧  
攓~饢V#黕  
//--> 岐%1.Jno巀  
!>考!?e  
</script> ?t-Zji? 
DE燢飡薣裰  
VR筓︴J裈  
桗D8願?呒  
33. 背景音乐可以控制 ZZ飝E? 
◆放在 <BODY> 和 </BODY> 之间 ?条?帡.Y  
<EMBED SRC="001.mid" WIDTH=145 HEIGHT=60> ?2薢臘貳=  
劺並赑?  
就会出现一个控制面版让你播放音乐,如果要把音乐当作背景音乐来用,也就是不要显示控制面板。而且一进入画面就要播放,然后一直重复。就要这样写 ??葥+&!e  
<EMBED src="ch35.mid" autostart="true" loop="2" width="80" height="30"> 炿侠炶^ 焺  
Y渋-栩鑫  
关于embed还有很多属性 匇垠??+  
0捺侲橆qb  
autostart:true为音乐文件上传完后自动开始播放,默认为false(否) }暚!q﨑|? 
loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 璕?毸u? 
volume:取值范围为"0-100",设置音量,默认为系统本身的音量 贙跄?啸閷  
starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10开始播放 XLg蓁?  
endtime: "分:秒",设置歌曲结束播放的时间 擡塖q柕o+  
width:控制面板的宽 %鏦?W芀#? 
height:控制面板的高 Hey縅?翃  
controls:控制面板的外观 2j?卥槇?  
controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" ぬ?让?t2  
console:正常大小的面板 ?吳顱妘  
smallconsole:较小的面板 蜜袃`=欕  
playbutton:显示播放按钮 ?罄-丏e楈  
pausebutton:显示暂停按钮 蘯奣嚙叧 ? 
stopbutton:显示停止按钮 ? 韼??  
volumelever:显示音量调节按钮 额e軦x'胄n  
hidden:为true时可以隐藏面板 ?C缳q轶>? 
?Bk蝢糇E  
34. 自适应图片大小的弹出窗口 kG?v  
◆实现此功能的最简单作法是用以下HTML代码创建一个图像链接: ?!l株7o{  
  <a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a> ?v〥箿k?  
  其中<a>标记的href属性指定全尺寸图片的URL,target属性设置为_blank指定在新窗口中显示该图片;<img>标记的src属性指定缩略图的URL。 .??韍诤  
沈a]f孧?  
  如果想对显示全尺寸图片的窗口的外观进行某些控制(比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时),则可调用 window.open 方法,该方法接收三个参数,分别指定要打开文件的URL,窗口名及窗口特性,在窗口特性参数中可指定窗口的高度、宽度,是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏,宽、高分别为400、350的窗口中: ")??富? 
<a href="fullsize.jpg" onClick="window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false"><img src="small.jpg"></a> t'尶遟r藎?  
_网?(牳?  
  如果所有全尺寸图片都具有统一的大小(比如都是400x350),那么以上代码适用于所有的缩略图片链接(只是href属性指向的全尺寸图片文件不同)。但如果全尺寸图片的大小并不统一,还用以上代码则我们需要先取得每幅全尺寸图片的大小,然后在window.open方法的窗口特性参数中一一设置height和width为正确的值,在图片数量较多的情况下,这显然效率太低了。可以使用 DHTML 中的 Image 对象来达到目的,Image 对象可动态装载指定的图片,通过读取其 width 和 height 属性即能获得装入图片的大小,以此来设置弹出窗口的大小,即可实现自适应图片大小的弹出窗口了。下面即是实现代码: 兾傎?X鞌? 
<script language="JavaScript" type="text/JavaScript"> ?8f蠃矶  
<!-- 瘳#秭w栞  
var imgObj; ??腮蠓? 
function checkImg(theURL,winName){ ?j僪?? 
// 对象是否已创建 聠!23徻尛? 
if (typeof(imgObj) == "object"){ ? :I<?? 
// 是否已取得了图像的高度和宽度 Fe??V&? 
if ((imgObj.width != 0) && (imgObj.height != 0)) @'Q汊(槢  
// 根据取得的图像高度和宽度设置弹出窗口的高度与宽度,并打开该窗口 u軦4 ?  
// 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量 r. Tr禤  
OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30)); 帽 ⅲ圜农  
else 搈[f?T? 
// 因为通过 Image 对象动态装载图片,不可能立即得到图片的宽度和高度,所以每隔100毫秒重复调用检查 鄨u&-e  
setTimeout("checkImg('" + theURL + "','" + winName + "')", 100) m ,您i栶+=  
} 鬺C鰗镊苚s  
} }2`?B/a  
垅M?E  
function OpenFullSizeWindow(theURL,winName,features) { ?k勴E桇v?  
var aNewWin, sBaseCmd; HXvz罸  
// 弹出窗口外观参数 ?搓耼蛾  
sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,"; 腵?@錀?? 
// 调用是否来自 checkImg 复皱?霖? 
if (features == null || features == ""){ v璓τ?%? 
// 创建图像对象 讞0砖鴹?-  
imgObj = new Image(); 繕惑慒宾唁  
// 设置图像源 ?賜颊? 
imgObj.src = theURL; ^??揍4x  
// 开始获取图像大小 +渝?詅??  
checkImg(theURL, winName) 湖~拀`?  
} 邠?_窩g  
else{ C}馚N丨  
// 打开窗口 )A倨?ph陙  
aNewWin = window.open(theURL,winName, sBaseCmd + features); lE櫹?整? 
// 聚焦窗口 0棥僎ξ蛠  
aNewWin.focus(); ?!f?J礶  
} ^|?j?N  
} ? :燽c? 
//--> 襫矆2(??  
</script> Q?9? 
fi???  
  使用时将上面的代码放在网页文档的<head></head>标记对中,然后在链接的点击事件中调用OpenFullSizeWindow函数,如<a href="fullsize.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"></a>即可。 鴖?轘CU? 
  以上代码在IE 5.x-6.0中测试通过:) I牙獓藶L?  
?葂,碒?  
35.时间日期代码 ~~~~~~~~~~ 勀S?v閈(  
<??)j慃? 
001说明 数字化的时钟 羅H孨 鶭/? 
效果 现在时刻:0:12:31 €欃N燮? 
[%Z.绥?  
<span id="liveclock" style"=width: 109px; height: 15px"></span> &癘?瀃9€=  
<SCRIPT language=javascript> 醟鏖3礜長  
function www_helpor_net() 綄?渼帶  
{ 弓壚?S  
var Digital=new Date() 毉.?1 メ? 
var hours=Digital.getHours() ??}1??  
var minutes=Digital.getMinutes() .蛊5?k褩  
var seconds=Digital.getSeconds() /幢v?胖柇  
氨ザ﨔觋)  
if(minutes<=9) c_?}1}  
minutes="0"+minutes a腘A眥雜龘  
if(seconds<=9) ???{i0  
seconds="0"+seconds Pk辀>@?dw  
myclock="现在时刻:<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>" 蓦42わ?L  
if(document.layers){ document.layers.liveclock.document.write(myclock) ?灰?垉? 
document.layers.liveclock.document.close() Yx?喺絒  
}else if(document.all) 岵/苂堾癏? 
liveclock.innerHTML=myclock ~舂 Qp  
setTimeout("www_helpor_net()",1000) H?P敉IT螆  
} ??Al2歡?  
www_helpor_net(); 嫂鉆w?lt; 峔  
//--> 惪v(;  
</SCRIPT> ?z鮯裉"}/  
}龈G? 
002说明 六种风格时间显示,一定有你喜欢的! ?杯(P ?  
效果 风格一: 星期三,4月21日,2004年 -?zr3  
风格二: 0:12:45上午 ?|竉?仢? 
风格三: 星期三,4月21日,2004年 0:12:45上午 5#'諣譅#  
风格四: 4/21/04 殨Te?噔 d  
风格五: 0:12:45 輓?L妞  
风格六: Wed Apr 21 00:12:45 UTC+0800 2004 嶈%?飱魯(  
IO烯唧.  
<SCRIPT language="javascript"> x?)靰%  
<!-- s{礛j鐡? 
function initArray() }濆[ыc讏  
{ 阽bX`W夰? 
for(i=0;i<initArray.arguments.length;i++) 悋ㄖ?諆!  
this =initArray.arguments; 倸e?u淽繗  
} {??D@? 
var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); B?gv嵵~? 
var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); 蚠???? 
today=new Date(); r蟹6dh磕  
hrs=today.getHours(); 擏犐U蚟滞  
min=today.getMinutes(); ?x截浭畣-  
sec=today.getSeconds(); 襨潛t2?? 
clckh=""+((hrs>12)?hrs-12:hrs); 浶卤瑏?  
clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec; 牁価I悚K  
clck=(hrs>=12)?"下午":"上午"; 獌抒h嗘籴  
var stnr=""; ?F蹈u逷鷣  
var ns="0123456789"; Ⅷv?)?R  
var a=""; 檐謢r?l1  
z肤嬋??  
function getFullYear 鹥p訢柙嘂  
{ 崍/$?? 
yr=d.getYear();if(yr<1000) 臫?填幋? 
yr+=1900;return yr; } }&F?廈  
document.write("<table>"); 熵鉓? 
J吉?? 
//下面各行分别是一种风格,把不需要的删掉即可 ;膦M挒倈  
document.write("<TR><TD>风格一:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年"); ?z$闽匲  
document.write("<TR><TD>风格二:</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>"); Z?W嗤T? 
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>"); 硢u庱緆P  
document.write("<TR><TD VALIGN=TOP>风格六:</TD><TD>"+today+"</TD></TR>"); 蟳&鏞?礛? 
祾n嚛{軷p  
document.write("</table>"); {?lt;紉热2  
//--> N7歇p'*b4  
</SCRIPT> u*BiO?  
盬单  
003说明 显示他人在页面停留的时间,而且可以作出提醒 蝼麺幈:  
效果 您在本站逗留了 I?缎?爆`  
N芖?婃E屚  
您在本站逗留了<input type="text" name="helpor_net" size="15" style="border: 0 "> :靈Gt(茷  
<SCRIPT language="javascript"> S(n鷪?WQ? 
<!-- 衭9濊裲i  
var sec=0; Dy|睜℃^}  
var min=0; 稫,訰H}?  
var hou=0; 澙?袢@熍  
flag=0; +?n9?菛? 
idt=window.setTimeout("www_helpor_net();",1000); ?G UD湰姒  
function www_helpor_net() d朽i!楠Q?  
{ 氠瘞>?蘤  
sec++; |塎氖W?虽  
if(sec==60){ sec=0;min+=1; } 壾@;?阁  
if(min==60){ min=0;hou+=1; } L7嶬?]? 
if((min>0)&&(flag==0)) ? 襕?鎳g  
{ 翮嵃闫岓? 
window.alert("您刚刚来了1分钟!可别急着走开,还有好多好东东等着您呢!--站长"); 襨?U醹G鱥  
flag=1; t嗽?e澍 O  
} k錑瀯H/jE}  
helpor_net.value=hou+"小时"+min+"分"+sec+"秒"; Z?Y羌薹? 
idt=window.setTimeout("www_helpor_net();",1000); KX酭鴉??  
} /峏悋y吇窐  
//--> 蛹C灢v@?1  
乃猱L~~+? 
</SCRIPT> 昫苌n<薺4  
x諵皐  
004说明 这个时钟是有影子的,而且还在不停地走着呢 a ?刖}?W  
效果 00:14:3300:14:33 n壖H€9?  
O?鼨镡? 
<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> 荑7琞DY帱/  
<div id="mainbody" style="position:absolute; visibility:visible"> 櫅?仓X? 
</div> C3藥?鷨? 
<script language=javaScript> ≈碷X╧?y  
<!-- L矠[=Жz歗  
function www_helpor_net() { 跫夋歔冂$p  
thistime= new Date() :o国?J礕  
var hours=thistime.getHours() '<奇?維? 
var minutes=thistime.getMinutes() I椿??]? 
var seconds=thistime.getSeconds() 瀣扔焀0 '  
if (eval(hours) <10) { hours="0"+hours } #鰍G翜?G  
if (eval(minutes) < 10) { minutes="0"+minutes } s "祇w鶏輥  
if (seconds < 10) { seconds="0"+seconds } ?K?陉栳  
thistime = hours+":"+minutes+":"+seconds 忟u?衂b€  
尉??剚9  
if(document.all) { 烵憤N敼+? 
bgclocknoshade.innerHTML=thistime _肭儮臢臽o  
bgclockshade.innerHTML=thistime #XD?s?  
} ~UI覎r?  
~"W經 :B  
if(document.layers) { 虜嫘NO眫  
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>') =p>En?嗂U  
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>') 扠??梘G  
document.close() 慭oi閳|}逧  
} k棑椤J2簛  
var timer=setTimeout("www_helpor_net()",200) Z?乥眎鳤? 
} 髺W?W!Gr  
www_helpor_net(); WQ?薴@b? 
//--> 沜=~y  
</script> 侭,脺4 類g  
??P??  
005说明 年月日都是用全中文显示 5E儳?  
效果 公元二零零三年四月二十一日 Y啧醦Yh? 
?圯vp篠N橘  
<script language="JavaScript"> <肧髭?趐  
<!-- 蓢礌?{  
function number(index1){ 套(妗JQ(勔  
var numberstring="一二三四五六七八九十"; $>跠~IC濺  
if(index1 ==0) { document.write("十") } ? ?鍪  
if(index1 < 10){ 衺洎?熇q  
document.write(numberstring.substring(0+(index1-1),index1)) } 儅#-?? ? 
else if(index1 < 20 ){ 辦h驌N桃  
document.write("十"+numberstring.substring(0+(index1-11),(index1-10))) } 骜"i_繁弶  
else if(index1 < 30 ){ ?斂_BF$軏  
document.write("二十"+numberstring.substring(0+(index1-21),(index1-20))) } 亷悯姹R吥  
else{ W晑垥j莵  
document.write("三十"+numberstring.substring(0+(index1-31),(index1-30))) } ?93薫-  
} 见6,? 
h?6醓  
var today1 = new Date() 陵OX玈/? 
var month = today1.getMonth()+1 ??訢玅g@  
var date = today1.getDate() ╰ 泡?-? 
var day = today1.getDay() 鉴C甹姉s追  
`淩5蔗`  
document.write("公元二零零三年") ?v_卾TDL  
number(month) 9C M? 
document.write("月") 1?r睳YV?  
number(date) @QU炨%瘵C? 
document.write("日") 糕?窮 ?5  
//--> ?B/l?掝  
</script> 谼?j  
撋羔k.n? 
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> 濝O滎樭q~  
<SCRIPT language=javascript> ?%誋k? 
<!-- XF=韁0)~  
var s=document.all("_ctl0__ctl10_lblContent").innerText; 恸`N?綜+  
if(s=="当前您正处于安全模式,无法显示文章内容!")document.all("_ctl0__ctl10_lblContent").outerHTML="<span style='color:red;font-size:12px;border:1px black solid;background-color:#cccccc'>"+s+"</span>"; 伍r?t朐屵  
//--> ??$W壗Jc  
</SCRIPT> c.?M嚮崗  
<BR> 歠~ro+妦辙  
<TABLE width="100%"> G雯l@h ? 
<TBODY> 电联彆灱  
<TR> 胴梞m蛇  
<TD></TD></TR> k緙?b禢_? 
<TR> 朐v?? 
<TD></TD></TR></TBODY></TABLE> sm栓犕&?  
褒_oAR?lt;!?