发新话题
打印

[技术] Javascript代码收藏大全,值得收藏

Javascript代码收藏大全,值得收藏

1.  将彻底屏蔽鼠标右键$ f+ d7 Z+ j4 b9 ~5 {, u  e
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
- G4 t7 w' @) T6 W1 r! T* R) s
, [" J1 t: l3 @4 }' B  w: h% v3 S2. <body > 取消选取、防止复制! ]% L6 ]' @# S; O+ V$ {& M4 I
" v$ o$ {7 {& h+ V3 `" f0 w
3.  不准粘贴
6 m! p( G/ b* H8 R9 Y1 @4 e' m. {7 y9 O, e+ l
4.   防止复制
2 c( V0 d8 {( N! J2 Q' a1 e0 b; T" q. v$ [1 b
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
: X) N  e- z: M7 N( [. e
  ~* @+ L  }" `8 x% Z0 {6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标5 f8 g: ~7 x( K  A: @  x2 q; x

$ f- b. }5 p, }! V/ I" I) _7. <input style="ime-mode:-Disabled"> 关闭输入法
8 \% {' Y( J3 r4 r% ?' f' w' N) c$ d" H" q6 o# V5 B' c) h+ T$ V
8. 永远都会带着框架
) a! _3 A0 O+ _7 J2 u, T<script language="javascript"><!--4 X+ _. j/ F  s" X* ~) e
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
7 J- L: Q4 {  D0 K) V$ z8 d// --></script>$ Z6 s! f% g* s, K, {; Z% |( X4 Q
( U+ W4 A! q. n4 J
9. 防止被人frame* w- [+ g2 \; P/ L
<SCRIPT LANGUAGE=javascript><!--
$ U9 \: R/ s( Z4 Y* U! aif (top.location != self.location)top.location=self.location;8 q0 w- l6 Q# v' o, ?- G. `% H: ?
// --></SCRIPT>
0 P% c8 [" y% @" j9 P1 u' D1 p+ l5 X' s6 z! Y
10. 网页将不能被另存为( s7 L! U2 s2 X3 Z
<noscript><iframe src=*.html></iframe></noscript>
; G) F! D* O8 ^/ V- }' E7 h1 A% v8 |$ j$ x) {/ ]4 W8 j
11. <input type=button value=查看网页源代码 0 z" ]* R; S1 m# e4 o
http://www.51js.com/" target=_blank>http://www.51js.com/`";>
3 i  [7 Z9 Z- w$ w  S( o/ z# h# T/ Q! T0 f- U/ o
12.删除时确认/ p* I+ \1 y' F  v  j# g" y
<a href=`javascript:if(confirm("确实要删除吗?"location="boos.asp?&areyou=删除&page=1"`>删) z; w( a' Z7 w9 e! y1 w7 S

% l4 Z, g  H1 \- r" ?除</a> : }1 z3 E  o* Z  Z
$ ?8 e1 X  v$ r+ ~8 b% ~
13. 取得控件的绝对位置
/ s& D0 |, R- z, v7 O/ A//javascript+ h2 }! N+ Y" y0 V# D$ J2 ~
<script language="javascript">
0 A( U- V9 p3 q' L$ Vfunction getIE(E){
8 ^4 v6 n' P; e! ivar t=e.offsetTop;( [9 F* M3 ]) {4 j
var l=e.offsetLeft;- L( ?' c" {* j! G, O
while(e=e.offsetParent){  j. a/ f& c! t  w; K2 e
t+=e.offsetTop;
! l. l' ~) D) j6 m6 e: yl+=e.offsetLeft;
5 p6 c5 h/ u' l/ z4 L}7 W& b+ H  N; s+ b! n7 `8 E
alert("top="+t+"/nleft="+l);
: H: f5 D+ |" z0 Q0 u}
. k' f3 D5 ~" k. \</script>0 I* Q( I: x' p# \
3 v) x% p$ J4 \) X* ?
//VBScript
% [! R, K0 l4 R* o7 x<script language="VBScript"><!--
0 p  n7 z5 _+ r& k2 y3 efunction getIE()
1 O9 L' ?( c5 H! z4 ?0 R9 ^) [. sdim t,l,a,b
: E4 V6 O7 D/ l2 l: fset a=document.all.img1
& H5 i  v) |; `6 U% P4 P" Nt=document.all.img1.offsetTop
2 u  O0 Q" a" X) [  j5 gl=document.all.img1.offsetLeft8 Z9 F; V3 w# R, c; S( ^
while a.tagName<>"BODY"# J" m* U6 x( Q1 b, Y% k
set a = a.offsetParent9 V; R! U$ [+ M1 n4 {& a! P
t=t+a.offsetTop
) D- a1 u( {2 Wl=l+a.offsetLeft- f! Y) Q5 [  b4 j$ B: ?, \* G
wend
! ?& x" j; c0 }; B: L4 C" \8 cmsgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
( r( g" V- p) `! U! zend function4 [) ~/ n4 h  @' B% S3 L/ C# Z
--></script>
( \( D7 H' m# |
5 k% @4 `3 n7 B* k4 U5 v* k5 d14. 光标是停在文本框文字的最后
7 T, C8 w$ ^( I% f( R<script language="javascript">  g1 [+ K, z3 g/ h
function cc()
9 b4 W4 {: B3 u5 j' o{
( F) V1 C9 R8 A5 n  Rvar e = event.srcElement;: |" |" V& U% L& H
var r =e.createTextRange();5 L- T: q. v( E2 ^3 F0 H+ w0 P# z
r.moveStart(`character`,e.value.length);9 _( a0 s- n: {7 t6 v4 M
r.collapse(true);
  ]6 x% s9 B5 _. Ir.select();
3 c9 V9 z) B$ z) O) U}5 l9 `$ `- f( R" i. W- w7 @* W$ B
</script>
# {: N+ c# h* B+ h2 ^<input type=text name=text1 value="123" >
% {% z' x, v9 Z$ j
' p: y" S% ^2 q6 G9 [15. 判断上一页的来源9 |' n$ I- X2 t* }$ o: h
javascript:( M( Q6 f  y" E7 w
document.referrer* d; B& E, p! M0 S# V
) E! M4 g) ]/ T1 V+ L' C
16. 最小化、最大化、关闭窗口
* |9 H1 T1 m* D& r: A5 q5 L<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> ! ~% I7 `% O5 @6 _5 v# V
<param name="Command" value="Minimize"></object>
; X5 ?  V+ {! z9 C5 q4 A2 G* d<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
9 a2 `( ]9 h+ a* \# Z& j" K; ^<param name="Command" value="Maximize"></object>; `: X) v9 P) F
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
" P) r# H7 Y* E$ e<PARAM NAME="Command" value="Close"></OBJECT>
0 V" @% K5 z5 ?# Q
. p; \& B  M# r# ~% k2 k4 T<input type=button value=最小化 onclick=hh1.Click()>$ x, ?# v2 [0 j& g* D
<input type=button value=最大化 onclick=hh2.Click()>
4 |% Z/ \, d5 d' T3 G3 ~: |: V<input type=button value=关闭 onclick=hh3.Click()>" f% P: _5 I/ I. I. p- W
本例适用于IE; ^8 J9 A  u$ f( _& S3 s

! G( ~: G, }% `/ W; A17.屏蔽功能键Shift,Alt,Ctrl
; d( b8 o* R7 G  R1 s<script>4 j( |* K2 x& c( f
function look(){
, o, \4 A, s7 f# _; zif(event.shiftKey) 2 N: E9 T5 d2 Y+ b
alert("禁止按Shift键!"; //可以换成ALT CTRL
6 a2 Q' ^/ A' B, t: J} ( G; E. d, y- |# x9 P
document.onkeydown=look;
1 u7 B9 p9 n" j2 y1 W+ [: H' ^</script>, {- ~- L* Q6 t$ ~3 Z! D, T
$ q+ V' ]0 @- z+ w8 [
18. 网页不会被缓存9 c- r/ k0 z) L8 y9 N
<META HTTP-EQUIV="pragma" C>
) c7 A: V0 b& z) z7 ^: T& B0 E* m1 O( ?<META HTTP-EQUIV="Cache-Control" C>
" h3 j$ b8 I7 r<META HTTP-EQUIV="expires" C>
$ w- E2 ]; k% m! G! r% V& d或者<META HTTP-EQUIV="expires" C>
+ O- n1 e& [4 u6 ]+ ^- r
& u* G) o$ L2 P6 x/ Q! M8 ^19.怎样让表单没有凹凸感?
9 y$ z" B; z5 X<input type=text style="border:1 solid #000000"> 0 b: P( ]- d5 I7 }* j4 @1 [* U5 W

2 w- R# z9 d' ~9 }6 Y<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
6 P, h3 B8 \  G+ u  s9 `
2 S6 _0 Q2 W  ?- k. S1 solid #000000"></textarea>' Z% h% K& H7 q$ Q
+ ?. S" _) x% |4 g8 S- E5 [
20.<div><span>&<layer>的区别? / n+ r8 Q2 Y+ h# h) P' Z4 S
<div>(division)用来定义大段的页面元素,会产生转行
9 R4 i7 D4 f5 R# I+ i3 _<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行 ) z; s; d5 ?. o. c
<layer>是ns的标记,ie不支持,相当于<div>
1 |: G% q6 K# P2 D- V2 A
9 h, ~/ k- ~9 Z  @+ ~" Y21.让弹出窗口总是在最上面:. }+ H% D  d  o, T- l
<body >$ I: P' k7 D3 `
. E7 U9 s1 F* L$ t' a
22.不要滚动条? % O+ C/ y6 o+ o* n2 W6 q
让竖条没有: 7 d$ C, m6 P+ J: B2 y; k' P  v
<body style=`overflow:-Scroll;overflow-y:hidden`>
( P8 h5 x  y. H( M0 f</body> : `$ r& b( s& B5 `
让横条没有:
: g1 V( Y! `! G<body style=`overflow:-Scroll;overflow-x:hidden`> 4 D  W6 B2 q- u7 M5 U8 x/ G6 ]
</body>
4 t' Y2 D' T& @( u* H: P两个都去掉?更简单了 0 P8 q' D- d$ |7 F. J
<body scroll="no"> : h/ e9 t7 D9 c0 J5 D7 P$ q
</body> 0 b8 C8 F  x# b, u% A
( Q8 F6 W. ~5 N8 A! }& r5 b
23.怎样去掉图片链接点击后,图片周围的虚线?
; }) `8 h: p  _) q) b& t<a href="#" ><img src="logo.jpg" border=0></a>% L# R( E9 d3 X2 j

- q3 D7 H7 Y8 k; @24.电子邮件处理提交表单
. ^$ }8 }9 c1 b. g# t6 ^<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
, |4 K; M2 }- c; j<input type=submit>8 v1 p+ X8 `8 u) ^3 r# T' E5 Y* a
</form>
+ ]! j/ ^6 Q( N
/ J: P1 N2 k) s: A25.在打开的子窗口刷新父窗口的代码里如何写?
$ I' |/ x" G2 |, r; y* Iwindow.opener.location.reload()' X, ], {: N' K( g0 y# A
8 K; E. B: f9 F# \( b) M$ H
26.如何设定打开页面的大小. ~) }1 k2 ]+ e+ x' C) ]( E3 X
<body >/ \; M' K: N4 q4 T; `& j
打开页面的位置<body >
$ L! a$ D# b* e* i7 f- y
6 `* B, n; s# G0 X- w27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ; H' j" A5 \% q& b0 a6 B: C. v
<style> 0 c$ h+ Z. p; Y# o' e) P
body - ]4 F* ~5 _+ G, ?( I
{background-image:url(logo.gif); background-repeat:no-repeat; / J' @; p- _- l1 c% a% r
& V. A( o* {& h) c7 B1 z
background-position:center;background-attachment: fixed}
- m" S7 Z  h' V# c</style>
' T/ }' P9 V6 Y- O5 [- R6 B( Q) C) u1 d2 v
28. 检查一段字符串是否全由数字组成1 t6 G! E. r4 G7 [* {
<script language="javascript"><!--
3 c8 B) a! ]. O8 Efunction checkNum(str){return str.match(//D/)==null}
# k5 t5 r9 ^5 Zalert(checkNum("1232142141"
+ U/ Z* y. x) j8 C3 ualert(checkNum("123214214a1"
. D3 R/ V' k$ o7 B// --></script>0 O) B7 ^) \, c

3 L( T/ z$ @. J, d9 v29. 获得一个窗口的大小1 ?5 {- a# G+ N$ e! Z
document.body.clientWidth; document.body.clientHeight, I( X2 w1 V7 N
: A+ l8 X& _0 c  f! E0 }; n, z
30. 怎么判断是否是字符% {+ b* R1 C- }* l
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字";0 T0 n6 v2 F: N( A% c
else alert("全是字符";2 }; @  ]4 Z2 J. Z+ ?! E8 {8 r, C; [
6 V: G7 C: L) E# {) s8 i* [9 e. v; \4 `
31.TEXTAREA自适应文字行数的多少
8 w4 H% ]6 b7 x  n<textarea rows=1 name=s1 cols=27 >( X0 X' L9 m  V+ k( j! t
</textarea>) V. X# i* o8 e; u; S: _9 O8 R
) V+ O3 h9 H  j! T# ^0 U+ T; I1 Q
32. 日期减去天数等于第二个日期; C- P- u/ b8 j5 A
<script language=javascript>
/ b8 W0 ~& g8 V/ U3 c4 E4 qfunction cc(dd,dadd)
& R" K0 O7 T9 L( b- q{: T' l1 y8 [. A0 C5 Z
//可以加上错误处理9 k0 e4 B. F, v! i% g) ]! Q2 o. n
var a = new Date(dd)
2 v4 ^" w  L7 n# @8 j. Za = a.valueOf()
3 K0 N( i) S9 g! U) b0 V6 i% va = a - dadd * 24 * 60 * 60 * 10006 W+ W# ^- c: R
a = new Date(A)9 A! q9 {: ~. z* y7 x
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日"
/ E  ]7 t* c9 D# s% y}8 b+ V2 [2 P/ B# f" L; m# H
cc("12/23/2002",2)1 j) n3 c% n" `" R) B- E' H
</script>. o7 H7 p$ _6 Q7 y! l& W5 }( H
! ]8 ~" ?) J  J5 A% m
33. 选择了哪一个Radio
/ u0 v. T6 C2 ^) e2 `- ]+ f<HTML><script language="vbscript">; f+ }# A+ V/ O6 K8 [+ @
function checkme()" t4 q' J0 D" y# w
for each ob in radio1' V' A" j5 D8 I0 M$ K
if ob.checked then window.alert ob.value# u2 l) b! a' O$ {8 |% _
next
0 K9 b0 Q$ X2 Q, z+ x  @end function
* H5 o+ T8 l" q0 n) O+ K( u</script><BODY>
& z9 X9 X+ E3 S' ^4 Y( W<INPUT name="radio1" type="radio" value="style" checked>style) [/ ~/ Y# O& n* k9 K5 I
<INPUT name="radio1" type="radio" value="barcode">Barcode- k" S/ _( W, S3 P  i. U8 Y: h8 t
<INPUT type="button" value="check" >
& m1 x7 e' Q$ f" q; q8 I</BODY></HTML>
" F0 d) _/ m* N( n
4 a$ U( e: g: d; i0 m8 ~34.脚本永不出错
$ v/ W+ U/ l, h2 \0 C- H: u! D( L  }# c<SCRIPT LANGUAGE="javascript">
9 P1 m: k+ ]( u4 L# x& }" w<!-- Hide   D4 M' F. c* s' {) Q3 N, R
function killErrors() { 3 C: g2 o4 B1 |6 z( U1 i
return true; 1 z" o" G% `( e' g* X; Y+ g( Z
}
, p+ W4 E' ]- J4 q7 {window.onerror = killErrors; 1 n. {+ t- X  Y; e3 R0 ?7 e( o4 I' b
// --> 9 Q  T. m7 S/ r2 j
</SCRIPT>
  Y/ o  s" C" x1 \- b" X1 X# q' ^! N/ t) a/ a" {& g
35.ENTER键可以让光标移到下一个输入框
! r8 g% P: n0 R2 d7 Y3 A<input >
7 X$ h- L. K  z& ]) ~3 i
6 P3 u6 U: w( y: j. U36. 检测某个网站的链接速度:
3 @9 T* \1 t: `' A9 o把如下代码加入<body>区域中:. t+ Y% |! n. n! H* M% T
<script language=javascript>! j- [2 N$ A+ o( f; i5 ^
tim=1
) I) i6 q9 M/ h+ N1 @* I, vsetInterval("tim++",100)
) j/ _$ P5 F$ I" Zb=1
- t& M* d" H. R6 I" q
( T- V/ J+ s# q; {, _* A) {var autourl=new Array()- r- r: p7 ]5 H) Q
autourl[1]="http://www.njcatv.net/";# r: N9 |1 J  K" f5 L, B" ^7 T
autourl[2]="javacool.3322.net"5 E% G: y% }/ c" N4 ^' K
autourl[3]="http://www.sina.com.cn/";1 e; ^5 L  i6 w3 c+ }
autourl[4]="http://www.nuaa.edu.cn/";
& |2 d3 B' _4 oautourl[5]="http://www.cctv.com/";" K5 P7 t* E7 ^+ x9 U) v

& L' ]7 M4 s$ R1 D9 e; yfunction butt(){
8 l7 h, f* Q* d' Vdocument.write("<form name=autof>"
9 A5 v: i- i9 f1 z& O' |for(var i=1;i<autourl.length;i++)7 `7 n7 i& A1 T2 _. T- W9 `, m6 N
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text 9 e/ ?6 q4 I7 Q# k. H: i* x" A/ K
. ~  R. o2 V5 G$ F( y( ]* u
name=url"+i+" size=40> =》<input type=button value=GO
2 J' `: N8 G! }1 I$ g0 s9 b* K3 |3 t# d/ j- a9 c
onclick=window.open(this.form.url"+i+".value)><br>"9 c% W5 S/ Y2 y' l( }2 d& t3 ]
document.write("<input type=submit value=刷新></form>"* z! E9 V4 l7 l7 x/ Z
}
5 d9 j6 |4 B6 A7 f# h% [6 Mbutt(), I8 C9 I6 p% `+ U4 {, j
function auto(url){5 f1 F7 x# R8 g5 ~
document.forms[0]["url"+b].value=url
0 |' b, r9 w: P7 jif(tim>200)
5 C% W7 |' l3 }* v6 I# |+ m- l{document.forms[0]["txt"+b].value="链接超时"}1 ]8 ^; _& M+ P& v& T
else' [2 }' T2 p: l  ^% w
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}( q- U" a* m1 \, W5 p' v/ H/ Z
b++
- Y6 X5 T# R+ S' B# w5 x# E}
2 W, s+ p: ]) ]function run(){for(var i=1;i<autourl.length;i++)document.write("<img
: M5 k- u3 g9 X9 L7 U4 u, D4 Z- d  W% K2 e0 _! K( d7 D
src=http://"+autourl+"/"+Math.random()+" width=1 height=1 ' L: u! Z2 c  w$ P1 A+ w& w) i

5 H' d; B- J1 ^4 {* Vonerror=auto(http://";+autourl+"`)>"}
6 c+ s8 |% ]0 I; j6 T0 f9 Qrun()</script>/ K2 S' `2 M0 L, t. i- Q3 h( b+ s
6 K/ v3 c. |0 e
37. 各种样式的光标: Q, u0 c3 `- q! X
auto :标准光标
4 H  [* b* {$ Adefault :标准箭头
/ r% {8 m8 \) s' Yhand :手形光标
9 X: P$ W8 }0 ?, @: C7 T5 {  uwait :等待光标
! B( t6 d* d. K- R9 rtext :I形光标6 O; \$ D4 \6 M$ v. P# T
vertical-text :水平I形光标
3 ]3 s7 Y  S! ^9 }# M' K  }no-drop :不可拖动光标
' z: H7 k! i. M' f7 J$ x# \not-allowed :无效光标
, j6 G. k1 x9 _6 X# hhelp :?帮助光标$ A" v0 u/ X& A7 E0 l  |4 E" k/ k$ ~
all-scroll :三角方向标
0 q* G* l1 A$ U' nmove :移动标
+ Y/ d. T& u( ?crosshair :十字标
7 [$ J3 Z4 Q& L" a0 Ze-resize
2 q  |2 j& Z. s" Tn-resize
( E3 J0 ]6 i/ z. Y* a& y9 h  ~, Pnw-resize
3 ^  j! I2 Q6 U; y9 W8 q5 G: }w-resize
2 ~. S. e' E, Y0 z3 m0 z5 H/ fs-resize% S: A: X# h% N$ T* ~
se-resize
, j/ R! P; i. I/ P, S- p" Ssw-resize% L2 v) J1 l3 K- r' O& ~7 K

$ F' T7 ]) q, b) e. i$ Q7 ?/ b38.页面进入和退出的特效' G/ j% O* i# L7 S! z
进入页面<meta http-equiv="Page-Enter" c>
* s3 {3 i. {- v! V; P推出页面<meta http-equiv="Page-Exit" c> ! f! @8 B& x4 O7 N
这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间,以秒为单位。Transition表示使9 K+ j8 a2 A, u- D, x" y
4 r2 V( I, a5 W* q. z; Y
用哪种特效,取值为1-23:5 U4 U0 I- j$ Z6 ]/ E% c5 y
  0 矩形缩小
0 I% W$ B7 F! n, @+ z  1 矩形扩大
+ q( H6 I" D/ W1 D+ t' V* d0 P0 \  2 圆形缩小1 y( |2 a  ]  a0 N
  3 圆形扩大
  ]& B" k) d# @$ v- o  4 下到上刷新
' I: A4 W; ~- g0 J- y$ R4 V  5 上到下刷新
; u+ Q5 _2 w* \  6 左到右刷新
$ [0 q* s, M* G" b. }  7 右到左刷新
2 j  p7 c+ |6 T, _* `  8 竖百叶窗
6 P0 t* n1 b8 j; b  h  9 横百叶窗
: ^( a0 s) S/ P5 G/ ?  10 错位横百叶窗 . X5 x$ N! ?7 o7 b* }3 O
  11 错位竖百叶窗- I& _6 X8 [+ Z: i8 i6 f- @
  12 点扩散
- x5 G+ W! G0 L, e# R  13 左右到中间刷新
, x4 x- N# c5 b" D/ }  14 中间到左右刷新
+ y; m' S% ~, A2 f6 M, n  15 中间到上下
2 l8 q4 x& i( x1 i2 N  16 上下到中间 3 J" O' V; A1 ~9 P( o
  17 右下到左上: F* e' b# L3 R1 V
  18 右上到左下 : X1 k' J. h" w" @& V
  19 左上到右下 ; \; u( h8 h! J" {& ^9 W  \0 j
  20 左下到右上6 j# y9 k! ]8 @; b: D% `
  21 横条
( Q$ x; |9 N7 f  22 竖条 2 _- X" b# e  a# l& y
  23 以上22种随机选择一种) a- S% B8 i0 {1 K- w0 j

2 b* S* i! {8 h7 |; V/ ]6 P39.在规定时间内跳转
2 s2 K" K" L1 @' n0 d/ K  `<META http-equiv=V="REFRESH" c> 1 ~9 b+ a) ^' V7 m( o
% \6 T+ H; B9 h5 m0 _; W+ H
40.网页是否被检索
$ H( K4 d' O/ X9 G5 O$ o" Y" P<meta name="ROBOTS" c>
# Z& p  J/ _+ k5 v; @8 Y/ }: ]/ g1 ]  其中属性值有以下一些:$ ?# n% s! L! w9 N; A0 }+ Z# }  C
  属性值为"all": 文件将被检索,且页上链接可被查询;, D" o- v9 L$ A; e5 k4 D8 p
  属性值为"none": 文件不被检索,而且不查询页上的链接;
. t+ s8 c2 _3 E% l* g  属性值为"index": 文件将被检索;
; G; Z0 H+ E- D1 I& C. c, _9 h, c2 c  属性值为"follow": 查询页上的链接;2 [' E, j7 s( P5 b
  属性值为"noindex": 文件不检索,但可被查询链接;
' r; A7 w4 Q5 r  属性值为"nofollow": 文件不被检索,但可查询页上的链接。 , {" f7 S, O4 G! ~; J% W5 |
0 e* Q7 G6 J0 _7 l* ?8 D. M. b
41.变换网页的鼠标光标
* }1 ^2 O9 J" y) I$ m, U* W$ v<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">2 _, K$ x8 P. }2 a1 a* v
3 R. ?) C5 Q+ ~) t8 n% s' _
42.怎样实现在任务栏显示小图标的效果? (要使用绝对地址)" |7 d4 O. D- E( e$ [6 C
有些站点,访问时会在地址栏地址前显出小图标,添加到收藏夹后也在收藏栏中显示图标,
, x: z+ [. T% z- F+ D这样很好的与其它站点有了区别。
7 x" i. G% {: n  a要达到这个效果,先需做出这个图标文件,图像为16*16像素,不要超过16色。文件格式为ico,然后上传至你的网站。
: [) K: x, [, T. V3 J& [然后,在需要的页面中,加上以下html语句到文件的<head>和</head>之间(假设以上ico文件的地址http://happyisland.126.com/icon.ico)。, }5 z* U7 ]: n3 G7 p
<link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";> 5 z; e. g% a/ h) O0 n+ H
如果访问者的浏览器是IE5.0,就不需加任何代码,只要将图标文件上传到网站的根目录下即可。
$ J$ I0 w9 A  \! z4 c1,META标签里的代码是什么意思? : y. h* X4 u! D/ Y8 C: E! r
<META>是放于<HEAD>与</HEAD>之间的标记.以下是我总结它在网页中最常见的几种。
8 X4 }7 U- I: e1 Y! h2 O<meta name="Keywords" c> / v* X$ O% `8 x: y6 E" y# z  O
该网页的关键字,作用于搜索引擎的登录,事实上它在现在的网站中并没什么用。
3 [) v! o9 {" ^, w# k( O+ C<meta http-equiv="Content-Type" c>
8 g4 N9 v+ Q- X# A" O<meta http-equiv="Content-Type" c> & ?0 [2 y+ @: D9 w, s
设定这是 HTML 文件及其编码语系,简体中文网页使用charset=gb2312,繁体中文使用charset=big5,或者不设编码也可,纯英文网页建议使用 iso-8859-1。
9 s+ ^6 N! H: D+ ~* a<meta name="GENERATOR" c> , W3 N) U5 ^6 q& Q; Q
这只表示该网页由什么编辑器写的。
2 L" G4 }5 S  j& X5 W, C; _<meta http-equiv="refresh" c>
& Q: j5 `6 P0 ^这行较为实用,能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。
* j  y# E  e  L9 ]6 c6 s$ W
- Z  L: O& X9 T, |' R, q1 M" R6 Q2,怎么改变滚动条的颜色,只有ie5.5版本以上才能支持。
( f3 ?9 n1 e5 ^这是使用CSS语言,在次说明一下,它和我的浏览器版本有一定的关系。
* c: V* t- |2 S. R8 @scrollbar-arrow-color:上下按钮上三角箭头的颜色。 ' l% @5 Z" y+ q: z+ {9 Q2 a  z# v/ Y0 U
scrollbar-base-color:滚动条的基本颜色。 ) Q( l0 I" C$ j* Y3 \
scrollbar-dark-shadow-color:立体滚动条强阴影的颜色
$ r4 }. F6 e6 y6 `scrollbar-face-color:立体滚动条凸出部分的颜色
& h% D4 R" P% r0 T) |* L* X, q3 jscrollbar-highlight-color:滚动条空白部分的颜色
7 G& e: J0 X0 ?. Kscrollbar-shadow-color立体滚动条阴影的颜色。
/ G: l# l  m. z% U$ A1 Tscrollbar-track-color:#99CC33;  \7 T" l9 \/ Q' f2 R6 z) ]! w; E  e
scrollbar-3dlight-color:#A8CBF1; ! k, F3 T; m& l3 b% z2 ~' b
代码如下: " L* r9 T4 W: U/ Y' f0 X
<style>
, H4 q( L3 p' }  k<!--
% K1 v# J' F5 o/ M: B  fBODY {) @6 \3 X) r* g
scrollbar-face-color:#99CC33;//(立体滚动条凸出部分的颜色) 4 A) h9 t8 x! Y1 A1 n; q5 S
scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色) $ I4 `1 X3 i3 r
scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色)
6 j9 x+ M+ f! b  C- Y- t6 z$ Gscrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色) $ O4 Q! o4 f% [. J
scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色)
4 Y2 K: J6 u0 Yscrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色)
" U* k: X- X# _+ w1 pscrollbar-track-color:#99CC33;
8 M& V# [' d! [0 B7 s- ?1 i( yscrollbar-3dlight-color:#A8CBF1;
& W5 e. E2 O5 c" z) E$ f} 6 J5 p9 C* Q9 s! u! M$ s* E
-->
4 b3 y) z+ `7 O7 B</style>
% U: u' z! g3 q$ a: g在这我补充几点: 9 o2 S7 J% U( y) a9 y
1.让浏览器窗口永远都不出现滚动条。
, x; {; ]% ]6 t! a<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
& W- j1 A2 U7 |, |; N4 {2,没有水平滚动条
- ?8 t& D4 \( u3 v" v* _<body style="overflow-x:hidden">
; H; Y, K" V3 P/ X. H3,没有垂直滚动条 & S9 b4 B0 r  b" Z, v
<body style="overflow-y:hidden"> : G) m8 y4 N9 t1 I
* _4 t9 ]# E0 H8 g
3,如何给图片抖动怎做的.
& N; R$ ~( }2 K+ D4 N<SCRIPT language=javascript1.2> % g9 b' e" A# `7 X! t
<!-- 7 K( Q  q/ ]; K
var rector=2
- K& B# h+ _0 F* Avar stopit=0
, T  C5 v2 \$ Fvar a=1 * T9 I- N4 b$ r( \) F# _! O$ X
var count=0 & w5 N! H% B/ S9 m% J1 _0 T+ c( f; R) t
function init(which){ $ s: B- I, Z$ C( Q. Z, O, |7 Q
stopit=0 " C, q' n4 w- k7 u, \* R  W
shake=which
% n( L# U7 p$ e; Zshake.style.left=0 7 z! F/ d. O- h+ O, @; r
shake.style.top=0 / \0 o! M7 i9 v" w
}
$ w( |$ H/ `/ i$ U- N3 zfunction rattleimage(){
# c) N5 z3 P9 r' }/ z5 M" zif ((!document.all&&!document.getElementById)||stopit==1||count==100)
' t+ z8 Y# b6 C. v9 qreturn 9 {# @8 I5 p" }& T3 W% C
count++ : h  ~  W! m8 X3 c
if (a==1){ / ]5 v0 i; J3 w2 \7 d, J
shake.style.top=parseInt(shake.style.top)+rector 6 I8 Y: \# n7 Y
} 0 r$ Z) j; c& O+ g
else if (a==2){
2 a7 n/ c! U& U' l( Eshake.style.left=parseInt(shake.style.left)+rector ; C8 s( |- c5 S9 @; w
}   R& N5 t- s; q, X1 l. m( c
else if (a==3){ ! B. \5 C+ z; k* Y9 k
shake.style.top=parseInt(shake.style.top)-rector
+ R# Y' }! a; m6 d3 W6 a} 8 B/ f2 ~3 Q! ?, `; d
else{
( |* z' S. k0 I$ y+ y5 o7 _, Pshake.style.left=parseInt(shake.style.left)-rector + ]( w( p& Z# D5 V: o
} : [- N( S% b/ t9 {, S, v5 U
if (a<4)
( r+ U( J' ~8 t+ s) P- m/ Pa++ / l5 a- \# C' k0 ]) k# H" K% y4 Z/ O
else
, ~; s- L; [5 e% S, r$ Ia=1
- ?* e* ~5 i6 ]9 L! `/ dsetTimeout("rattleimage()",50) " n9 y: ?0 ~* `# y- E  y! a" |* V
} ) T; y: F0 w, O% {! X  m( R. ], p4 D
function stoprattle(which){
$ r7 ^$ i/ C) u' D5 L+ s- sstopit=1
1 S( L; _3 E2 \$ D& }& c" ?8 Kcount=0 % S) W( S% Z8 d* B* U
which.style.left=0 . A6 a* }# R* u
which.style.top=0
3 V# z4 m" l# t+ r4 H}
7 _/ W# r- c; `% k) v//-->
% Y" D2 [, d! O$ c) k3 a' n</SCRIPT>
" N1 {1 X: m" j6 F; E<style>.shakeimage {POSITION: relative} 0 K) Y: [# n$ t$ Y9 T
</style>
/ R! D7 s2 w. [. X! a, O1 `<img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>

TOP

很好 收藏了

TOP

百度跟我回家吧www.zg286.cn

TOP

发新话题