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駓?.hs
◆在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劽Im
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?
锌3e?
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[d8/
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!
2X覠牧臛
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;
/SB$肁
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";
瑋灛??
圷闢[捿8)?
window.open(url,"",ss);
?榁?晈x
}
#5謆疻LN
</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、直接点击链接关闭窗口
zX[旬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';
$dIf郬叜?
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';
桄BtP郗?
break;
S?O9??
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)
pO 暍
{
鯂皏隖&眝?
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);
Lp-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)
Tkt"?
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 ahfy
冊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)悠Ck
?輋,魩啙
<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年
-?zr3
风格二: 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蟹6dh磕
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) 9C 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;!?