|
管理员
 
|
1#
大 中
小 发表于 2007-4-18 05:26 只看该作者
HTML标鉴详解
一：背景
# ^+ U" v6 m J# o" j- R. o. d3 e, o- @ q$ Z; C3 c' v) `1 ?7 P引用:原代码如下：
; G. N% s: O! J" ^. H# N, h v<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>
3 G+ M# ]0 R: C帖子内容，文字或图片.....
/ u1 r3 z, i- C2 X1 R1 F# I/ o</TD></TR></TBODY></TABLE>8 n4 k) K1 g% M0 ^7 Z ~8 N8 ^
<TABLE> 的参数设定（常用）：
2 J. K8 p# {$ R/ q
3 x: i2 K( X- u' |. X) Y; i<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2"> ) T% c) {" u8 m
注解：+ k$ l3 e$ M. O$ ~% A5 P- [
width="400"
% ~" g/ }8 [# T( L; a表格宽度，接受绝对值（如 80）及相对值（如 80%）。/ U1 L- Z8 c$ o
border="1"
$ Q) U2 X* T+ d& ^; i x表格边框的厚度，不同浏览器有不同的内定值，故请指明。
: V2 e; v' ?9 S. n1 ?) P- ncellspacing="2"
6 n0 w5 e. T; i表格格线的厚度
# h& @! O: d3 z* F% K4 I2 j" j7 Aalign="CENTER"
! J( `! M( h) [* n表格的摆放位置（水平），可选值为： left, right, center
. k. q. ?% ` z. ^: A1 X, Xvalign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。. L) l0 o# T) [
background="myweb.gif" ) k0 o. b+ h* h; |! |/ E
表格的背景图片，与 bgcolor 不要同用。
# S! |) l4 N: ]3 X5 o q! Obgcolor="#0000FF"
$ `% t' U/ m' J$ o/ R4 J表格的底色，与 background 不要同用
7 o2 N% p( X5 y! Z3 Xbordercolor="#CF0000" $ ?+ d6 v9 f' \/ q: x
表格边框颜色
6 H! p2 T2 ^+ I [bordercolorlight="#00FF00" $ k k# C8 l# A7 j" u U
表格边框向光部分的颜色
, L, q1 [! w0 E1 N1 Ubordercolordark="#00FFFF"
- x; G) z/ d/ S+ g! q, R! b表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。 c( ^+ m& e, E3 {1 d5 q2 O$ u
cols="2" 4 e I. y8 }' Q& w3 Q" F- U
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。 引用:基本语法：
+ h0 V7 {1 v- \, i7 t2 \. n<EMBED SRC="音乐文件地址">* ~' ~7 l% C# ^1 p" y9 J
常用属性如下：
2 w3 K" \8 X* f1 Q4 ]src="your.mid" 6 r1 W& R6 g" E7 U- L- ?( |
设定 midi 档案及路径，可以是相对或绝对。
4 |+ b* w, A4 D9 E M; Uautostart=true 1 u9 A: A9 c3 S8 u
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。 ! e; v" l \3 u
loop="true"
( g# G& |% A" W% m2 y2 {8 ^是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。
+ E$ @( a y$ G* g/ \0 HHIDDEN="true" , b2 ^8 r2 q; }. i5 S! n1 L4 R
是否完全隐藏控制画面，true 为是，no 为否 (内定)。 " |6 [7 P8 T! V+ |
STARTTIME="分:秒"
8 d2 [' s9 L0 u1 n设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
& ?8 w. m2 S r- j) LVOLUME="0-100" 3 h/ B" c" L8 M3 w/ o0 o: I
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定
* P( r7 g% _" C; G) wWIDTH="整数" 和 HIGH="整数"
, k+ [$ w1 L; v" Z设定控制面板的高度和宽度。(若 HIDDEN="no") $ ]! o. S% y" N! g! b
ALIGN="center" Y& \ o) K* C/ i3 G' h
设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom : V [$ _. f/ G' ?7 R2 a t
C 9 w" d9 P: m# W1 x) m1 y g
设定控制面板的外观。预设值是 console。 5 S/ z# f! S0 l- e9 A @
console 一般正常面板
; m* Y% u4 R2 B5 i, jsmallconsole 较小的面板
7 `" ^9 A+ e7 B zplaybutton 只显示播放按钮
# K1 A% F# |6 E& z9 N; B! npausecutton 只显示暂停按钮
' B) i2 P8 R+ Y0 S7 Y5 z, u% ystopbutton 只显示停止按钮
s6 x! e, {, v% @volumelever 只显示音量调节按钮 % F# g& W, m4 l7 ^1 M! a
例一：$ u+ r- L* l8 [. O" n6 k9 S
<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>9 }6 f5 h/ d2 J( I
作为背景音乐来播放，隐藏了播放器。
! d& C* T8 v5 B2 D& \+ [例二：
, e \2 ^& W' E" O! m<EMBED SRC="midi.mid" loop=true width=145 height=60>1 n4 a* G$ Q4 c) I
出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。
: I0 v% {. G9 x: T! Q, k注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。1 L& J0 t/ ~) b" g5 ^
IE中的的背景音乐& b) m2 X5 C+ A
代码如下：
0 Y0 p. r6 q3 Y# r2 U: \<bgsound src="音乐文件地址" loop=#>
( m5 E+ R5 X& S3 S% O! `' ^9 v#=循环数
0 C: E- j2 x, b$ I7 b0 W @ D' K注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。5 G- {. _7 p$ A! w
在论坛做帖常用格试如下：
+ m# D) ]3 C3 y) b一：( V) [4 Q# x" X1 v# {/ b5 a8 x7 L$ |
<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" c c></EMBED>
2 t$ G/ G g1 h0 g( p说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。, `$ [1 Z; x4 Q \/ R7 v
二：/ p8 c8 K$ V7 ]# a
<bgsound src="音乐文件地址" loop=3>说明：一般用来插入wav wma mid mp3等格试的音乐文件。
3 e; r/ a3 j, M9 y+ p9 i& |最简单的滚动条设置
" E% G0 f* e w/ N/ I3 A4 m4 T<table align=center width="260" border="0">
- h7 U: ]4 Q, E! L$ W<tr><td bgcolor="cyan"><font color="#FFFFFF"><b>带滑动条的表格</b></font></td></tr>* N* {9 F, v2 [' j1 b
<tr><td bgcolor="yellow">
$ e s# B6 m" V# D& L z<div style="overflow:auto;height:80;">
1 T# `7 a6 y( g: C6 J* x看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了$ x. z9 ]7 F6 x9 P" D
</div>
+ Y9 a7 A4 G2 g3 v- T8 C; c3 z3 r$ n</td>" S) }+ a8 T% X# S8 w6 e) ~' d
</tr> 引用:<iframe src="你要嵌入的网址" width="600" height=800 marginwidth="0"
0 R% K J1 `5 K) v! n7 ^6 Imarginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>; k4 t' {; @ p7 J
说明:(红色部分)* Z" g4 m# b, ~5 A
width和height即宽度和高度根据你所嵌入目标的高度和宽度填写,
1 j) t0 U3 n7 l# [+ Y* i# ?) I/ @例如你的日记本的宽为600,高为800,填上去就可以完整显示了
; z1 n2 V5 Z% S; x+ B5 N% [+ E7 Z; D. z7 r: k- j5 {4 S4 \1 O
scroing 表示滚动条,它有三个参数,
( _" k: X* X: { {6 X$ i9 ?
; @. l% }7 e) a# C) ^一个是0 w! ^1 l; V; a9 k
yes, 即显示滚动条,
3 ?8 X$ B$ t4 R, H# X" a* [6 m; H, ^' W- I9 u
二是no,表示不显示滚动条.
& e/ ^1 V- N" X) b8 u5 D) a# k& i V4 M% R$ {
第三是auto,系统自动判断显示或不显示滚动条~% [. T N1 a4 D+ r9 P3 K2 \* s
) S' p9 H5 D: G& k* x' c
<html>
2 Y) S4 c/ |6 _) _( \<head>
$ j8 s$ ~7 T0 D<style>
' O6 D8 E& s& R6 B. A+ gh3{COLOR: #ffffff; FILTER: glow(color=ef09da,strength=1) dropshadow(color=#00ff00,offx=1, offy=1, positive=2);width:600;text-indent: 2em}
( D1 ~' \( s# c+ J6 I3 b</style>% w" p/ E0 J1 U6 E9 u2 Y- F
</head>: K9 Y7 o% i: g. @. D; M" S d
<body>2 Q. O. y P9 `1 Y# R
<script language=javascript>) ]) D R* ]3 }$ H
var layers =document.layers,style=document.all,both=layers||style,idme=908601;
S ?6 O7 ^$ y% a3 B6 aif(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef = ) f- F! E: d- `, {7 {3 E
'.style';}. F! z6 a. d* H1 } L7 Z* j
function writeOnText(obj,str){! u; } ]8 e8 d q* h. q1 |
if(layers)with(document[obj]){ document.open();document.write(str);document.close();}$ s8 s6 d6 m( H! }* z; g# V; k" `' J! z
if(style)eval(obj+'.innerHTML=str'); }
9 N7 x2 n* M: B% y- nvar dispStr=new Array("<h3>天汉是对汉中的美称，汉中市位于陕西省西南部,北依秦岭,南靠巴山，汉江横贯其中，辖汉台、南郑、城固、洋县、西乡、勉县、宁强、略阳、镇巴、留坝、佛坪11个县区，面积2．7万平方公里，人口363．96万人，耕地396万亩，素有西北“小江南”和秦巴“聚宝盆”之美誉。</h3><h3>汉中曾经是商朝的方国，秦国时的汉中郡，此后又是刘邦西汉王朝的发祥地，蜀汉丞相诸葛亮北伐的军事要地，杰出的政治、军事人物张良、韩信、萧何、张鲁、诸葛亮、吴玠、吴璘等都在汉中留下足迹。汉中也酝育了伟大的外交家张骞，孕育了刚直雄烈的诤臣李固和造纸术的发明者蔡伦。诗人李白、杜甫、陆游也在秦巴山区之间吟唱出彪炳文学史的瑰丽诗章。</h3><h3>悠久而丰富的历史为汉中留下了诸多名胜古迹：被誉为世界交通史，文化史上“奇迹”与“瑰宝”的褒斜栈道，石门及其摩崖石刻，汉刘邦的拜将台及其为汉王时的宫殿遗址古汉台，还有众多的历史名人墓地，祠堂。胜迹历历，史册煌煌，汉中市一九九四年被国务院命为全国历史文化名城。</h3><h3>汉中土地肥沃，气候湿润，盛产水稻，小麦，玉米，薯类及油菜，水果，茶叶，为陕西农业高产区。野生植物3000余种,中药材1300余种,被誉为“天然药库”。动物种类繁多，其中大熊猫、金丝猴，朱鹮、羚牛等珍稀保护动物40余种。</h3><h3>汉中是国家批准的开放区，是陕南新兴的经贸旅游中心。宝成、阳安、襄渝三铁路经过境内,民航班机往返西安,公路四通八达,是陕西开发潜力较大的地区之一。汉中自然条件和人文地理与关中差异较大，古代建筑具有南北兼备的风格，民居多样，生活习俗颇具江南风采。在这里端午节赛龙舟，在陕北和关中是看不到的，饮食习俗也与四川接近，巴山的锣鼓草、汉中的瑞公戏、西乡的刺绣挑花都具有浓厚的乡土气息。洋县的黑米和香米，古为贡米，如今行销国内外，成为普通百姓的大众食品。</h3>");8 U$ ?6 _* M) ~2 O
var overMe=0;
7 `& U% o% ~! [& s5 k/ f# F1 nfunction txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
r6 U9 I) Q6 P( ]var tmp0=tmp1= '',skip=100;: a- K5 U. n8 y- F; I
if (both && idx<=str.length) {6 f8 k. l- w: o7 L I7 N9 j' I. X
if (str.charAt(idx)=='<'){ while(str.charAt(idx)!='>') idx++;idx++;}
1 r8 ~, J) K! ~if (str.charAt(idx)=='&'&&str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}
0 N/ |$ A( r7 m( q9 @. a) _ t3 wtmp0 = str.slice(0,idx);" |1 C: q8 t. s$ P7 O
tmp1 = str.charAt(idx++);" v8 V+ N' p1 r/ e4 O* I- @
if (overMe==0 && plysnd==1){
; L) e1 ~ D9 P6 @' Z+ S) e' p- P' a2 c# oif (navigator.plugins[0]){( V6 i6 _/ T7 |$ F! d
if(navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()){document.embeds8 ]+ w4 A" r0 p# Z5 j
[0].stop();+ D& W/ l$ E" O7 }0 b
setTimeout("document.embeds[0].play(false)",100);}
1 n* r4 I# _: {; l} else if (document.all){5 G0 c! X P m) F6 m O
ding.Stop();
6 [: g" z$ Z+ I6 e$ K3 bsetTimeout("ding.Run()",100);}
; Z) P* a0 U& J) c& f8 JoverMe=1;}else overMe=0;% w0 L: }# ?7 T) L
writeOnText(idObj, "<span class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2. O' e7 k3 T9 @/ y
+"'>"+tmp1+"</font></span>");
. q/ S2 x" S% r* q8 k5 }) V. ^setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}8 t9 ~- }4 m" S4 y4 m1 f
function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#0000ff', '#cccccc', 100, 0);}! S4 a; D+ m+ E
</script>
5 u, |$ ^) J4 p- Z& V<BODY onload=init()> C' l$ l, K+ X4 T* x- _2 n% S
<DIV class=ttl1 id=ttl0></DIV>
! |) E* y9 }, B4 J3 [5 z& J$ A</BODY>
: w* H7 u/ K, w9 c6 P9 P* S </html>
5 b' X; w3 e! C: B g6 a$ o8 W- s g 引用:<body >
! T9 d& g% v4 N$ ]也可以用于网页中Table框架中7 G) a; K6 K j- Z+ I9 D8 y
<table border oncontextmenu=return(false)><td>no</table>
% d4 l. [$ q4 }% V6 d" F 复制内容到剪贴板 代码:<body onselectstart="return false">3.不准粘贴复制内容到剪贴板 代码:<body onpaste="return false">4.防止复制复制内容到剪贴板 代码:<body oncopy="return false;" oncut="return false;">5.IE地址栏前换成自己的图标( `$ U8 i2 T. x, Z5 _! J
引用:<link rel="Shortcut Icon" href="favicon.ico">0 q1 B& g( T$ u1 j( R6 h" `# S
说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。很PP哦。 引用:<link rel="Bookmark" href="favicon.ico">0 Y. ?, I& ~6 K5 f0 c( Z. y
说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。也很PP.' y- }6 m: j+ f1 p& L/ k8 v
' X" S- b# A, w: N9 n9 b: f/ ]引用:<input style="ime-mode:disabled">
/ {! w2 O* {2 ~! k" |( v' V说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
* s5 S4 J' X9 U3 d' K4 ?" I引用:<script language="javascript"><!--, ?6 ]6 t' X; x
if (window == top)top.location.href = "frames.htm";// --></script>* b: C1 e/ d# k( Q
说明：frames.htm为你的网页，这也是保护页面的一种方法 B7 _; \; f4 m6 P
复制内容到剪贴板 代码:<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>10.网页将不能被另存为2 G( J' M) d: n$ k v, i
引用:<noscript><iframe src=*.html></iframe></noscript>
+ ~4 Y% U6 w! F! S' F说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。
3 c8 U3 p7 ]; Y+ d; m
12.COOKIE脚本记录，有很大的用处哦
1 T1 \' g# i M4 z: s复制内容到剪贴板 代码:<script language =“javascript“>
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"
}
}
</script>13.内框架<IFRAME>使用/ J: H! N! T( I# I4 d* u* Y: r, g
引用:Iframe标记的使用格式是:
" a6 D3 F$ V, k) \3 e<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"# t1 G8 o4 q2 z0 ]* M9 m: ^' J1 N
name="main"></iframe>+ s9 ~; q7 F0 Z* n- g
src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height："内部框架"区域的宽与高；
: x9 x; m; D) {* F1 o. Rscrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。
' V( Y! D3 e. D' v: q8 Mname:框架的名字，用来进行识别。9 T) [6 X6 P. K* a: W
比如: 当你想用父框架控制内部框架时，可以使用： target="框架的名字"来控制。# W- Q( |5 Y& X, ]- O% }& C& O& H* \
例子：<iframe name="mm" src="http://www.lovq.cn";; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe> 复制内容到剪贴板 代码:在源代码中的<head>…</head>加入如下代码：
<meta http-equiv="refresh"content="3;URL=http://www.e3i5.com; charset=gb2312">
说明：content="3 表示3秒刷新到URL15.如何改变链接的鼠标形状
4 c' S& P+ c2 I& f复制内容到剪贴板 代码:只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行
style="cursor:hand" style="cursor:crosshair"
style="cursor:text" style="cursor:wait"
style="cursor:move" style="cursor:help"
style="cursor:e-resize" style="cursor:n-resize"
style="cursor:nw-resize" style="cursor:w-resize"
style="cursor:s-resize" style="cursor:se-resize"
style="cursor:sw-resize"
以上代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。16.全屏显示
$ [6 F& w9 ]" o8 Q引用:<form>2 @5 K5 {* R2 [3 B/ f( c
<div align="center">
" O& X9 U0 k$ I6 |+ D<input type="BUTTON" name="FullScreen" value="全屏显示" >
9 D: J8 k% c* t/ y" W1 h( r5 q</div>3 v4 v% d8 }$ q+ Y
</form>
( C% f: W- k* y5 v1 P) r把它放到<body>区中。 引用:<script language="javascript">2 v, I9 |" \ Y/ x7 _
<!--
* F2 ]- S: k; [) N9 u( dfunction defaul_home(){6 \4 K7 `3 _( f$ O; e
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage(http://www.lovq.cn/';);
, _# v* {" u$ ]" ^) {# F}
4 T( H9 x @' y8 |7 n A/ ?var focusok=false;, I: {1 W7 X3 I- F5 P( p
if (navigator.appName == "Netscape"){
0 x$ {" K& y9 ^focusok=true;, t6 j6 ? Z1 p
}5 Y- h. N/ ^; b& i
vers=navigator.appVersion;
6 n* t8 W. {1 T: R# eif (navigator.appName == "Microsoft Internet Explorer"){
: y. K" O2 m6 h4 y# @$ G+ Wpos=vers.lastIndexOf('.');
: U; A% E# {# k x: T" ^' L; m8 ]% fvers=vers.substring(pos-1,vers.length);
/ b4 x% s& C; n/ j}
1 H3 c/ m, L/ y1 mproper_version=parseFloat(vers);" ~7 a( |* u) Z" c5 S# Q# M! A
if(proper_version>=5){0 ]) G& Z' q: h; A5 \
focusok=true;
- U. C' N9 ^' O8 z}0 g' W: U% w7 u' c! D- h( ?# {
function launchstock1(htmlurl){
7 r7 V k8 r7 ivar stock=window.open(htmlurl,"stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes, % D# X: ~6 h( k
resizable=no,width=700,height=510");
$ m) T& d p9 w/ S5 Y$ G9 lif(focusok){ e* k* o1 z0 f
stock.focus();, A/ }3 Q2 D0 [& G$ X
}
+ r/ v9 o0 o# `5 W" Z8 yreturn true;/ a0 I) S# I5 v0 \8 w
}' |9 J. P ` e- p
function launchstock(){
6 n- Y3 V8 D4 c$ ovar stock=window.open("","stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,$ x$ z* A- I2 c2 s. T: f
resizable=no,width=700,height=510");
. F. o' ?9 c2 L( r; B- Oif(focusok){+ c: `4 `+ N$ U# h, n+ @
stock.focus();! o% P6 @, q( k
}
$ H2 o2 i" C ]& s' B2 {return true;' J/ O3 y5 v5 k! f2 o
}# b0 K5 S% @: g$ g, G0 x3 u, Q9 I
// -->) F- f) ^# \. r( R# n
</script>
" j! D- F/ l2 _7 S<a href="#" name="home" title="==E代时光==">设为首页</a>
3 t" Z2 ^* x/ |8 X: \) E' v
# L' ]6 `, n# \, v) ^( S8 c" L P& }: t% i
19.flash图片效果" y) E; N1 q1 ^0 a
引用:以下代码加入<head>区域
' R- Z: C+ a' E4 X9 ^+ e9 ^<SCRIPT language="javascript">
8 M% E5 H4 j) Q* H2 b<!--
$ f3 p9 p# j9 y* Z! Y+ R/ }0 Lfunction makevisible(cur,which){
6 C2 H. A* D* yif (which==0)
8 L: \( N! V+ _4 Y' d0 ?2 Gcur.filters.alpha.opacity=100: Q' J' |0 ^ r* ?$ u! }# X
else1 C5 X* I6 p, y& z% W( C1 J
cur.filters.alpha.opacity=205 M) W! F" [% w# W
}
9 H2 h7 |7 T" H- G2 A! J//--># } E1 ~6 d+ E" n2 n
</SCRIPT>
' ~4 D, m- m) Z& t" [) N" w. B以下代码加入<body>区域' y2 f I$ H: B! X
<img src="http://www.lovq.cn/img/logo.gif";; style="filter:alpha(opacity=20)" width="63" height="56"> //图片地址请自己改7 G% G+ b( f' S/ d: R; l 引用:<body scroll="no" background="images/bg.jpg" link="#00FF00" alink="#FF0000" vlink="#00FF00" bgcolor="#000080" topmargin="8">( v' q8 b. K8 Z
<script language="javascript">
) f- J+ b" |2 |+ ~. J; jvar backgroundOffset = 0;
; w, p2 F: _) K0 G# @var bgObject = eval('document.body');$ G% B+ ?8 h. q5 O& n0 ^
function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;" C. B! x2 |8 I' `2 [' g: `- }& L
if (backgroundOffset > maxSize) backgroundOffset = 0;% y2 j0 I1 f( S" Z
bgObject.style.backgroundPosition = "0 " + backgroundOffset;}
0 B1 Y7 b; W! S/ K' tvar ScrollTimer = window.setInterval("scrollBG(410)", 20): B7 H! s- ?4 M
</script>
) Y2 I# ] D }- @ 引用:<marquee scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" id="MARQUEE1">
}' H) k- |. x3 ~6 I, }( ^* |欢迎光临意随风动
. S$ W# ]8 U3 y- A我们地址http://www.lovq.cn
, g; l: j3 Q H0 C' z/ p8 e1 h</marquee>
7 ]3 O& k F, V- h) G4 o
6 `' {( _3 m) O' I" c引用:IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:- j, J; i0 U) n) e! ? `7 A& T
〈Body Background="图片文件" bgproperties="fixed"〉
引用:<noscript><iframe src=*></iframe></noscript>( I. U# `# z4 x3 o" J 引用:<iframe src="about :<body style='background:transparent'>" allowtransparency></iframe>
* v7 p4 F% d/ K 25.禁止右键： 复制内容到剪贴板 代码:<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">26.进入页面后立即自动刷新？5 b6 n9 X2 B3 I) I+ s7 }$ x* V
8 P/ R8 B8 ~& w. n: }0 R8 V
4 p G* h! b i. e, }5 `6 ]9 m3 m27.隐藏IFRAME的滚动条三种方法:
8 X5 }0 } \8 T! |4 H. t引用:1. 设置iframe scrolling="no"" X. ]8 a' \7 q* ~0 @0 b
2. 被包含页body应用overflow:hidden" u) ]# \3 m8 [" J3 a: ~
3. 被包含页的body标签加scroll="no"
6 f/ |' u9 o" ~ 引用:<bgsound src="mid/min1.mid" loop="-1"> 只适用于IE. j/ V2 M4 y. s( D! c1 `
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用
) h/ ^! @* V, W; m/ P) `; @& ^ 引用:<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>
# f; K3 B. e. `引用:<hr noshade size=0 color=#C0C0C0>- k+ H: k$ z! Y2 b
* c' R9 J( J9 q: o% y引用:复制内容到剪贴板 代码:〈head〉与〈/head〉之间加入如下语句〈meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=8)"〉。“Duration”的值为网页动态过渡的时间，单位为秒，一般设为3~5秒即可。“Transition”不同的值对应不同的过渡方式，共有24种方式可供选择： 0 盒状收缩 1 盒状放射
9 G2 E4 ^/ ]; r2 圆形收缩 3 圆形放射
* R# w* V! T8 e( s2 @( G4 由下往上 5 由上往下
5 @7 u" O2 r, a4 o$ Z" e6 从左至右 7 从右至左5 f, g4 F2 P; X. }; ]7 i$ d
8 垂直百叶窗 9 水平百叶窗
0 T- `2 p9 }# ?) E10 水平格状百叶窗 11垂直格状百叶窗9 t! V4 \0 \* x) G5 N) b, D4 X
12 随意溶解 13从左右两端向中间展开
7 z5 ^$ f' s. p% h$ N, B2 `3 [" U8 h5 [14从中间向左右两端展开 15从上下两端向中间展开! b5 H4 G# B4 {
16从中间向上下两端展开 17 从右上角向左下角展开
/ U$ U d# ^9 m! U" F18 从右下角向左上角展开 19 从左上角向右下角展开1 l' S! M! l0 B2 }: N
20 从左下角向右上角展开 21 水平线状展开9 [+ P* j# `! P* B! `
22 垂直线状展开 23 随机产生一种过渡方式
- R1 ^! \/ c& p% `1 K/ C' ^2 i" Q/ q引用:<body style="overflow-y:hidden"> 去掉x轴6 Z8 A: F6 E/ b0 A- b ?
<body style="overflow-x:hidden"> 去掉y轴
# N$ g0 t. A2 R+ a- f0 m0 C<body scroll="no">不显
% N! [# M( n' Y6 h3 w( y6 O% ^$ R 引用:〈!--［注释内容…］--〉
9 k+ y' N# E/ P" ]. @& B( `
5 z7 k* V- j% t N8 t' m5 {〈 2 g2 \; p4 g. n7 R% G) Z' u35.定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：
/ D$ T* g- r6 @$ u/ ^1 e V7 f$ x q. f引用:〈meta name="Keywords" c〉
# k' K# j0 \* H% N8 fContent 中所包含的就是关键字,你可以自行设置。 ) W0 O4 e4 _$ f! g% M
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：
* S0 h, o0 d* ^' N8 e. {1 t〈meta name="Keywords" c〉
$ [ q }2 U Z& E
" `6 K7 @: u: P' _# d3 [. O5 Y0 c. W* s" V" `37.设为首页：
4 N+ h: y+ @4 ~, Y0 Y/ v) }引用:〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage(http://www.lovq.cn);〉设为首页〈/a〉 引用:A:在网页的〈head〉〈/head〉间加入以下语句：4 \& {9 K+ h& k9 D
〈link rel="shortcuticon" href="http://…/icon.ico"〉4 d" |" M! w) h
即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。0 ~% J9 |0 l2 y 引用:<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线 - i5 ^4 I8 @6 n, j
<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线
: L$ m& q8 n$ A7 A<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线4 ?) [2 N J2 u+ l) I, h 引用:以下方法可以令表格的边框不断在闪，很实用的
( @7 E/ B" x- ?, }+ y) l% }& h在BODY区加上 ' I( ?' s) M) P: ]9 M) P
<table border="0" width="280" id="myexample"
" o0 l X3 s; k( [style="border:5px solid yellow">
6 p% A V" y" e, \<tr> , L- ~: c/ s- `: a7 \
<td>加入任意的物件.加入任意的物件.
, c9 M, j7 P w. ~/ S" n9 ]/ T<br>加入任意的物件.加入任意的物件.
, e* `8 e- [$ c0 F' v) w<br>加入任意的物件.加入任意的物件.</td>
( H: r3 Q& t2 X: h/ d4 h1 v( d</tr>
9 E% U* M% g5 f" R</table> ( a% |/ i- b& B1 ^% z) u
<script language="JavaScript1.2">
" `1 {; N. ~7 V1 t<!--
$ r) j( ~5 k. t6 R3 }4 `7 e4 yfunction flashit(){
- t, X2 V& I$ ~% u$ [# Yif (!document.all)
' y0 w, Q1 f# N( a8 Y& A: Y0 \return $ U; H( c: T6 q* p
if (myexample.style.borderColor=="yellow")
" f% T& s# ^% ]3 @* ymyexample.style.borderColor="lime" 2 K6 y# S4 J& l; s6 R
else % n, _$ I+ Y4 _0 {7 J
myexample.style.borderColor="yellow"
3 c6 N$ I: \( X: R# N} . h: _( Q% C$ d
setInterval("flashit()", 500) $ R7 G& ]& d; B J$ z
//--> q d1 j1 \+ t8 ]! u, t
</script>
/ S% t3 }2 i! G: S" s9 S9 X2 {
8 e6 K$ s6 g5 n引用:<table border="1" width="220" style="position: absolute; left:
3 z) S0 Q2 S: X2 C8 j11; top: 11" height="26" >
8 `5 j# `- k9 A- _ I<tr> 6 g& U; V! `: Q
<td width="100%">普通表格</td>
2 _1 R7 U5 B5 }( m4 k9 R</tr> / T. w0 Q4 L- W' n3 X0 J
</table>
3 m; X D6 T( K8 G$ G; K 引用:<table border="1" width="220" bordercolorlight="#eeeeee"
) @: }8 J! a3 U" Pbordercolordark="#000000" style="position: absolute; left: 10; top: 0 J5 e$ W% M# Y* F* m7 j4 `% R
49" height="26"> # z* q: s" ^, W1 J( S4 D# Z$ V
<tr>
# d* i' A: [. l. w* L' `9 |: z<td width="100%">正立方表格</td> . s4 J! @7 u3 E" L
</tr> s5 `0 G2 N7 w7 A) i( l
</table> 引用:<table border="0" frame=vsides width="219" ; i7 s d6 k. \9 M
bgcolor="#000000" cellspacing="1" cellpadding="0" 6 C$ D8 O5 [: a
height="22" style="position: absolute; left: 11; top: 86"> 8 r$ s) r$ }9 o9 w$ b' A! ~5 [
<tr bgcolor="#FFFFFF">
$ x1 i H# b$ ?: L) P. r) G: S8 w<td width="100%" height="2">细表格</td>
( j% {5 i$ S! P8 R: h- Q</tr>
( q! t: G1 R8 {/ Y: Z</table>
# W7 r6 @# p& D0 N1 { 引用:<table border="1" width="220" bordercolorlight="#ffffff"
! E; f/ W0 M6 l) D$ U$ M4 I% R0 [% abordercolordark="#ffffff" style="position: absolute; left: 10; top: : D% m% w5 {5 ]* I/ d- ]! m
112" height="34">
9 s, a# O3 G) |<tr>
r/ f0 ~- M( y. `0 O<td width="100%" bgcolor="#B7B7B7" 2 R; \1 R: e+ K5 O- `
bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格</td> & S! t0 v' x8 X9 N: O9 x
</tr>
7 W" F7 X( ~. u6 M</table>
6 H' Q8 P, q( }' J* B7 o 引用:<table width="220" align="center" style="position: absolute; 2 d; K( P _8 D, l [$ t4 f. G! a5 [
left: 246; top: 12" height="51"> ; R, G [, X$ b& E7 m* o
<tr>
& e- U! X2 A% o, b" y<td><fieldset style="width:220" align="center">
8 \* ^+ |! v+ d/ ]1 S0 `<legend> 无名表格 </legend> <p align="right"> </fieldset>
* Y4 i% q3 g/ f( c o<br> 2 J; L5 c, |0 `& f- B; r9 H$ ~
</td> * Q8 j" w2 w+ p7 w/ U
</tr>
( W- P( Q3 A3 g# j</table> # v" _, Z9 m; ~ s7 c4 { 引用:<table width="220" align="center" style="position:
( E) E3 ]% ?" P* J9 iabsolute; left: 245; top: 89" height="110">
. K, M- J: `( s7 G2 M- o {9 a<tr>5 b3 h; q: D7 Q/ s7 Z
<td height="75"><fieldset style="width:220"
9 G, o/ Z# W1 Q7 Lalign="center"> <legend> 表中表效果Ⅱ </legend> <table / |# M0 Z5 {3 o5 P
frame="hsides" border="1"
7 _9 c8 \$ v; m; Q& {bordercolorlight="#000000" bordercolordark="#ffffff"
8 p. R0 H9 x0 Owidth="100%" cellspacing="1" cellpadding="0" height="78">
$ i( |7 o0 ~# |$ e4 k; Z3 Z<tr bgcolor="#ffffff">
. z2 L1 X# G5 |! A<td width="100%" height="76"></fieldset></td>
4 U* o$ {5 R6 q+ U. E6 }</tr>
. M* Y& a% b j4 g1 c4 k" \</table> / d, R! {9 Q! D! R, @3 Y, y5 p7 l 引用:<table width="220" align="center" style="position: absolute;
, p7 ~- ?% b4 w7 k4 Q4 b; [- wleft: 10; top: 120" height="138" cellspacing="1" 2 b7 Y4 B3 m$ c3 B" r
cellpadding="0"> 7 s7 b/ O1 l3 p p# K1 Q- i
<tr>
% l# B! m. g7 d<td height="126"><fieldset style="width: 220; color: #B7B7B7;
' @" g) @5 S9 Vborder-style: groove" align="center"> <legend style="color:
6 ~. u$ ~5 F. A0 q: C5 G. c: o" Z#FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font>
h" e8 U, S- C8 ^4 s. }4 r0 T</legend> <p align="right"> </fieldset>
# a, Q: n4 Q y</td>
- ^" c" m2 b1 n4 B4 q</tr> : i! W. ?$ t! Y1 Y
</table> ! y" ^1 v5 Z2 p3 x8 c" i 引用:只显示上边框 <table frame=above>
2 `; z/ ^2 Q3 @; \. ^$ o+ |只显示下边框 <table frame=below> ! k! M2 H( k& i
只显示左、右边框 <table frame=vsides>
5 V: w6 O( H. H& S' V4 W: A# m只显示上、下边框 <table frame=hsides>* H7 J3 k7 ^% L9 o: {! U$ o
只显示左边框 <table frame=lhs>
& h0 p/ ?! v" G) Y) j: d" w只显示右边框 <table frame=rhs>
7 @( z" s" Z: z3 ~不显示任何边框 <table frame=void>
/ p/ t. a* v, @! p4 M* j2 T# [* _" i& v: B0 j" T& F
把边框变成虚线* p& s9 R- v& N. `% @
<table width="200" cellspacing="0" cellpadding="0">
5 }: G, X3 d. P( {0 F/ V: p<tr align="center"> , ?2 n9 ]- g/ X8 y y9 h
<td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">细</td>' e6 W0 h" G' Q) u/ f& ^% c, i' O
<td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">表</td>$ ?% X) y7 h: k4 u' I' ^
</tr>0 {/ @1 W p: s' P$ T
<td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">线</td>' Q, o6 r9 s0 ]; P0 k
<td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">格</td>
0 O3 K" K2 s: y% F2 T5 o</tr>" l4 x# X* |$ i( s0 S* S* R
</table>6 ?% a2 u! x7 L7 E7 I
2 L9 _' E( @8 J: O4 m1 c# r; N7 e1 b V. k5 a" ~" Q& Z引用:<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0">, V& ~. h6 c2 v. y! B# Z9 G) f
<tr align="center">
4 U' P" M5 M" |" p0 z<td bgcolor="#B7B7B7"
& G( ~% B3 i1 B6 v. nbordercolorlight="#000000" bordercolordark="#eeeeee" >立</td>
O! P) J5 }. w+ F- b<td bgcolor="#B7B7B7" " h/ K1 @; v6 X2 H
bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td>* ^% z s! q/ t/ z* n- D
</tr># r; a- A; x4 }$ t& c
<tr align="center"> 5 e" w- k( y' _/ \+ R$ B
<td bgcolor="#B7B7B7" . Z) V& U s; N; Y+ `
bordercolorlight="#000000" bordercolordark="#eeeeee" >体</td>: A3 K$ Y: t* ~: B. m6 b1 h- u
<td bgcolor="#B7B7B7" 2 R# K9 K4 c; |
bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td>
% F+ k/ A: w2 y% I</tr>
1 M3 P) ]! Y5 j</table>
风往尘香花已尽，日晚倦梳头。物是人非事事休，欲语泪先流。
闻说双溪春尚好，也拟泛轻舟。只恐双溪舴艋舟，载不动，许多愁。
|
