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

来源:互联网 发布:廖雪峰python爬虫教程 编辑:程序博客网 时间:2024/04/28 10:29
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;!? 
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 卖家客服不回复怎么办 2周小孩说话结巴怎么办 微信群里只领红包不说话的人怎么办 躺在微信不说话的客户怎么办 9岁儿童说话结巴怎么办 5岁儿童说话结巴怎么办 京东客服不说话怎么办 两岁宝宝说话有点结巴怎么办 孩子不敢跟外人说话怎么办? 孩子不爱跟外人说话怎么办 别人说我不说话怎么办 衣服屁股那块变亮怎么办 小孩家里说话外面不说话怎么办 2个月小宝宝便秘怎么办 3个月小宝宝便秘怎么办 微信客户不说话怎么办 一岁半宝宝便秘肛裂怎么办 网恋现在都不说话了怎么办 宝宝便秘四天了怎么办 月子里小孩吐奶怎么办 月子里的小孩吐奶怎么办 婴儿吃多了吐奶怎么办 20个月孩子便秘怎么办 一岁宝宝肛裂怎么办 婴儿吃饱了吐奶怎么办 23天新生儿吐奶怎么办 婴儿吐奶舌苔白怎么办 宝宝吐奶酸臭味怎么办? 1周岁吐奶有酸味怎么办 十多天的宝宝吐奶怎么办 未满月婴儿吐奶怎么办 2个月宝宝溢奶怎么办 四岁宝宝说话结巴怎么办 小孩说话结巴打顿怎么办 2岁宝宝突然说话结巴怎么办 2岁宝宝突然结巴怎么办 幼儿舌头起泡牙龈出血怎么办 小孩长得太快怎么办 脑出血压着神经不会说话怎么办 四岁宝宝说话有点口吃怎么办 三岁宝宝有点口吃怎么办