返回列表 发帖

另类实用代码~ 家底奉上

1.     将彻底屏蔽鼠标右键
) T+ B8 ~! U4 r- |% N( B: ~<table   border   oncontextmenu=return(false)> <td> no </table>   可用于Table
; h) M6 Y4 v& I5 X, L2.   <body  >   取消选取、防止复制
' e3 `3 M7 h4 T$ n  K: G3 f4 f3.     不准粘贴 2 n; _% A! ]) `
4.       防止复制 . |/ Q5 T7 B9 N% V# Z# m8 Q# Z
5.   <link   rel= "Shortcut   Icon "   href= "favicon.ico ">   IE地址栏前换成自己的图标
! x" f, o5 E6 }, F8 \  s9 o) i' M+ v" n6.   <link   rel= "Bookmark "   href= "favicon.ico ">   可以在收藏夹中显示出你的图标
4 k4 ^$ t4 z( ?0 e# E  t) M7.   <input   style= "ime-mode:disabled ">   关闭输入法
5 G% j# @! u! O, [2 J7 J! g* s8.   永远都会带着框架 ; ^1 D: Z& n: x5 O- i4 x6 ^
<script   language= "JavaScript "> <!-- 7 F7 b, b% ^3 g
if   (window   ==   top)top.location.href   =   "frames.htm ";   //frames.htm为框架网页 : ^+ e" E+ F9 I8 W  ^  B1 g% W/ P
//   --> </script>
1 e+ l! i& O8 `0 u9.   防止被人frame
0 O' f- w; ^$ i- i9 \8 h<SCRIPT   LANGUAGE=JAVASCRIPT> <!--   
, W5 \9 O6 K/ mif   (top.location   !=   self.location)top.location=self.location; ; f1 O, {9 _7 [& F0 I& N
//   --> </SCRIPT> % x3 |1 W/ S8 E6 D. y* K& p
10.   网页将不能被另存为
4 P9 \6 L$ g( O. @<noscript> <iframe   src= "/blog/*.html> "; </iframe> </noscript>   : B! z9 l6 d1 |3 d; T
11.   <input   type=button   value=查看网页源代码   ( _6 L% Y7 s6 q. a# ~
onclick= "window.location   =   "view-source: "+   "http://www.williamlong.info " ">
9 h4 n3 l+ W( r12.删除时确认 6 i7 s. X+ _  N$ N
<a   href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>   ) C7 d5 M% n) u% N7 \8 C- {& a
13.   取得控件的绝对位置   G% D. f1 R: x! M
//Javascript 4 Y( r3 p% n! ?9 w$ p" f: a9 j% }
<script   language= "Javascript ">
& x" q) S2 O0 p' e) Hfunction   getIE(e){
* \2 v' s+ G9 F' O' w/ T6 k- H9 j0 ~var   t=e.offsetTop; ' O7 P: W5 D: B2 \: k% z5 a% Q
var   l=e.offsetLeft; 5 @1 e% U; y4 f% K5 p1 m
while(e=e.offsetParent)
: G, F% ~+ Q$ u  a3 Z. d8 X$ u* H9 `alert( "top= "+t+ "/nleft= "+l); 1 X1 }! H) L8 S+ Y" r/ J3 m. v
}
* I: y2 Z3 ^5 Z</script>
0 N7 X0 c1 V" O. ~2 S, ^1 j3 ?- G  ^//VBScript + R/ m- q" b* x- p
<script   language= "VBScript "> <!-- - f' n  ^: d+ `, R5 @
function   getIE()
7 F: V7 P% [2 @8 f% ddim   t,l,a,b - z+ G/ U" V: J& H* a
set   a=document.all.img1
- H3 y8 u# z& Nt=document.all.img1.offsetTop 0 J, e2 T; j% @- [1 {" `  B
l=document.all.img1.offsetLeft
  w" d9 b! q, h4 Q4 ~* m1 c0 qwhile   a.tagName <> "BODY " , k  Y; ~+ l/ }+ W8 J  A3 D
set   a   =   a.offsetParent
( F0 S! }/ i- D# Bt=t+a.offsetTop ) ?! O) B5 L4 r; L9 L0 m$ E3 v
l=l+a.offsetLeft
! ?2 k( J2 h( o, h( T7 [$ Qwend 9 j$ w) C8 ]1 N3 {! Y% _3 j
msgbox   "top= "&t&chr(13)& "left= "&l,64, "得到控件的位置 " 4 d8 F) n) u7 R% C) r1 U( y
end   function ! w8 O. ?. q0 x1 v3 M% M
--> </script> + f6 R* S2 o' Y; e  g4 V
14.   光标是停在文本框文字的最后 : Z8 v2 g4 z) h' _; f
<script   language= "javascript ">   b( c, l2 g4 t+ ^
function   cc()
- O7 i* M2 v  X+ O{
3 l8 F# z* L1 q9 ~' ^7 fvar   e   =   event.srcElement; 6 d. L9 Y, g4 M. I# J; u
var   r   =e.createTextRange(); + d* I' T7 x6 X7 M; w; r
r.moveStart( "character ",e.value.length); * O' W+ V6 g* {1 c
r.collapse(true); 5 Z; [; M" A* I: T. w/ ?, S
r.select(); & t' N% j2 J/ K; `1 Z+ |& k
} 6 G( z+ \+ d  Z5 \* g1 \
</script> $ R$ o/ b& J. f* Z% B
<input   type=text   name=text1   value= "123 "  >
8 P$ i. u5 q) X2 K+ }$ z8 k15.   判断上一页的来源 - s% ~$ i9 D; X/ n# S' \$ E
javascript:
* O0 a" j2 q9 y* b% \5 k2 I0 Vdocument.referrer # i* T1 o* J1 @2 j
16.   最小化、最大化、关闭窗口 3 g9 C# L6 s( F( M! P( Y
<object   id=hh1   classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">   
; Q: @; ?+ O" C# l0 X/ {: c<param   name= "Command "   value= "Minimize "> </object> 2 R7 {: V* z4 ~+ v, t2 _
<object   id=hh2   classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">   6 s1 L1 a1 m3 F; y1 D
<param   name= "Command "   value= "Maximize "> </object>
- c  Y3 `- V" I" H  J8 V<OBJECT   id=hh3   classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 1 n6 e/ l' G! {/ C
<;PARAM   NAME= "Command "   VALUE= "Close "> </OBJECT>
7 [. Q+ `% Y) g5 Z/ G<input   type=button   value=最小化   onclick=hh1.Click()>
7 b" y; p( K2 F0 j% I<input   type=button   value=最大化   onclick=hh2.Click()> 6 T9 m4 V8 `6 R
<input   type=button   value=关闭   onclick=hh3.Click()> % m/ q+ k) D! F- |6 ^
本例适用于IE
) ^; x4 z1 V& o! S. Z8 H) g17.屏蔽功能键Shift,Alt,Ctrl + ?( H: z* p+ \! E2 E
<script> 8 Y* Y4 H3 Z/ [$ B; Y( C' o
function   look(){   
5 o8 t6 Q  g* [' v6 u' Y" Vif(event.shiftKey)   
9 T2 N8 P3 T. a. K: a4 Oalert( "禁止按Shift键! ");   //可以换成ALT CTRL ' u6 k( A6 a' d' m9 {6 ]% |
}   
  L. ]2 p$ {0 \* n* \  N1 m* Tdocument.onkeydown=look;   
7 k; Q5 r2 `" D6 C</script>
2 Z' z& m/ Q. ~6 \6 b$ u/ H5 n18.   网页不会被缓存 5 n3 ]4 K3 B0 l5 p$ ^2 p5 T+ J! S8 v
<META   HTTP-EQUIV= "pragma "   CONTENT= "no-cache ">
0 g/ D: [; P7 y2 M" f<META   HTTP-EQUIV= "Cache-Control "   CONTENT= "no-cache,   must-revalidate ">
8 f9 ~2 y: M7 h4 ^; {  F8 u<META   HTTP-EQUIV= "expires "   CONTENT= "Wed,   26   Feb   1997   08:21:57   GMT ">
; x  d! z$ {7 l" b, E9 l/ K  `4 y或者 <META   HTTP-EQUIV= "expires "   CONTENT= "0 "> 7 P# o! ]& D. B1 \8 J$ `
19.怎样让表单没有凹凸感?
' g- y7 }! K7 s# @7 a<input   type=text   style= "border:1   solid   #000000 ">   5 r+ w7 A& Y5 r* R6 l0 F( d

, i" F; I- r- a( ~3 W. y% _! ?* N<input   type=text   style= "border-left:none;   border-right:none;   border-top:none;   border-bottom:   9 |( }2 G, I' _2 N; s
1   solid   #000000 "> </textarea>
' C  f2 o" {. d20. <div> <span> & <layer> 的区别?   7 C5 L  X4 v  T  e% E
<div> (division)用来定义大段的页面元素,会产生转行   
7 Y% Q6 a/ T! [2 H% u9 h<span> 用来定义同一行内的元素,跟 <div> 的唯一区别是不产生转行   4 P. ]3 ?! ?8 f6 e( Y3 d
<layer> 是ns的标记,ie不支持,相当于 <div>
8 [. r6 I0 m- T1 P" i' p21.让弹出窗口总是在最上面: - d; x# U7 A1 a: I$ r& T
<body  >
2 g+ H8 l  h, T# @6 a4 H22.不要滚动条?   
  ~: H5 j$ @- d8 L% J- q( X让竖条没有:   
* z' x, n) u/ e% \: q. N8 c<body   style= "overflow:scroll;overflow-y:hidden ">   ' H7 E9 b( m2 G! ^
</body>   
* i: I- D: N1 Y6 b$ w: Z+ N+ m3 F让横条没有:   8 X3 t! m# L' T  \0 A3 Y8 `
<body   style= "overflow:scroll;overflow-x:hidden ">   $ @; x' Z+ b6 O, J0 E2 \' R( }1 s
</body>   
9 f# I4 V: w4 }两个都去掉?更简单了   
5 ^" @& [6 H; l8 y<body   scroll= "no ">     O8 \7 v" {# K0 E* |
</body>   
; N* T) G, ~* k, X: |2 V2 ^( j0 G5 P23.怎样去掉图片链接点击后,图片周围的虚线? , m9 e* @4 b( w8 }% x+ d% e! Y
<a   href= "# "  > <img   src= "/blog/logo.jpg "   border=0> </a> ' \) u% v% {5 r8 A$ H- z- n
24.电子邮件处理提交表单
. f# v" z3 w5 Z: X. X0 u2 Z<form   name= "form1 "   method= "post "   action= "[email=****@***.com]mailto:****@***.com[/email] "   enctype= "text/plain ">   9 p6 u0 X9 C! e, T- ]" j
<input   type=submit>
# l6 N' K- L8 ]8 }9 Q, V</form>
% T" H8 n  k1 i# L  x25.在打开的子窗口刷新父窗口的代码里如何写?
$ `' Z1 p. c. N8 r- V! ~window.opener.location.reload() 1 d3 I: F  D/ W+ ^' x8 M$ t
26.如何设定打开页面的大小
7 l6 j6 F' Q7 I8 V3 @; p$ T<body  >
1 A2 R  U2 G0 o0 m% c( K打开页面的位置 <body  >
) A2 {: H7 z1 D5 ^$ s7 s/ H1 _8 T27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动   
. ^2 R0 B6 ^! E5 @/ o. I<STYLE>   
/ b' q2 i5 F$ t7 T  {, A3 Rbody   6 n  o6 u9 y% G) t/ r) ?$ e
{background-image:url(/blog/logo.gif);   background-repeat:no-repeat;   3 O& d- A  M' T) K4 X1 l
background-position:center;background-attachment:   fixed}   8 S7 F+ r8 P9 x; `8 M9 @2 ?# R
</STYLE>   + Y0 n2 T+ A: u
28.   检查一段字符串是否全由数字组成
$ }1 k% v* V! c! r/ a' X<script   language= "Javascript "> <!--
  d3 Z# z; r' m& v! c& n6 R6 |function   checkNum(str){return   str.match(//D/)==null}
$ z. D+ h7 e1 c7 }+ i1 T& K% Salert(checkNum( "1232142141 ")) - j, u, b: a3 L! W- {
alert(checkNum( "123214214a1 ")) 4 ]  E3 @8 z* G
//   --> </script> : j4 l+ v. p" `1 v# K+ {2 S, ]
29.   获得一个窗口的大小 1 P. o: |1 p7 |; n2 l
document.body.clientWidth;   document.body.clientHeight % P* O7 V6 |8 ^' H* L" Z
30.   怎么判断是否是字符 2 j: _/ k# e- s: t3 h
if   (/[^/x00-/xff]/g.test(s))   alert( "含有汉字 ");
$ X, q: k$ _! q. l; g0 D6 ~/ Kelse   alert( "全是字符 "); 9 p" @$ |5 ~8 z! k2 d" a, z) C
31.TEXTAREA自适应文字行数的多少
. a$ Q0 ]$ r8 _7 \* l6 L<textarea   rows=1   name=s1   cols=27  > . z& }5 I0 N$ p
</textarea>
0 ~7 W* h+ {9 o  e4 a32.   日期减去天数等于第二个日期 5 R" w  a% p1 l$ _# J
<script   language=Javascript> # c  J6 L3 c8 a8 e1 m+ Z
function   cc(dd,dadd) & W$ t& |" k1 }+ ^* X4 _6 x
{ 5 W5 l8 _; N/ m% G  c
//可以加上错误处理
( Q  l1 ]1 a+ g- {  R6 @var   a   =   new   Date(dd) 5 x8 o  g% _0 q
a   =   a.valueOf() " w4 ?! q7 X/ u. l- _5 T6 K& E
a   =   a   -   dadd   *   24   *   60   *   60   *   1000   ]( ?! o4 z) e+ o: l6 \+ P0 E+ Y  I
a   =   new   Date(a)
5 a$ K- v0 s5 Q( k- I( d$ Malert(a.getFullYear()   +   "年 "   +   (a.getMonth()   +   1)   +   "月 "   +   a.getDate()   +   "日 ") # I) h  ]9 n0 A
}
* h, Q+ M7 P) c/ ~2 ^3 Jcc( "12/23/2002 ",2) % X1 W) v+ A' ^+ X* T* x2 Q
</script> . z, c5 j& p/ r- I( g3 n
33.   选择了哪一个Radio
' @' \4 p. b) R: d* \<HTML> <script   language= "vbscript ">
# G3 ~8 _- r8 g! M/ ?. R& I4 xfunction   checkme()
3 V& q+ x2 E$ n* gfor   each   ob   in   radio1 8 d4 a! _3 C: O
if   ob.checked   then   window.alert   ob.value , }# X) \7 {" F8 t9 j( p3 k
next
2 N; w9 ]' m$ p. I( pend   function ; p9 @. V/ p2 [9 [( A2 L
</script> <BODY> : ^8 p7 B: h+ e
<INPUT   name= "radio1 "   type= "radio "   value= "style "   checked> Style . I- t- H4 G2 w9 B
<INPUT   name= "radio1 "   type= "radio "   value= "barcode "> Barcode . A1 n3 ?; _% m* h/ h
<INPUT   type= "button "   value= "check "  >
; ?, j- m6 v2 V( w- l$ W</BODY> </HTML>
3 J- S# k7 q2 e. j1 [34.脚本永不出错 1 I$ B0 ?7 F! h. y4 t
<SCRIPT   LANGUAGE= "JavaScript ">   - g) F( ]1 u; S$ w* [- u: i1 `! [
<!--   Hide   9 q- _( K' G% w  C& n3 f& N0 U
function   killErrors()   {   
/ ?/ _4 g  b5 H) k+ ^return   true;   
& c1 r, [6 Q2 T( S7 D& U$ O4 o% O& q}   
' I; G  r; I; l1 s. gwindow.onerror   =   killErrors;   9 j+ g" o9 ?7 u# Q  L
//   -->   % H# d2 \0 v" D. {3 A* P
</SCRIPT>
7 H/ i& H1 x  y& z4 w/ B8 U5 Z+ f35.ENTER键可以让光标移到下一个输入框 8 v# W' ?7 D( ?0 }6 A
<input  >
/ h0 m  R/ N7 u% j6 K3 U8 G36.   检测某个网站的链接速度: & ^0 @: J: J7 K5 W9 T6 |( P& g
把如下代码加入 <body> 区域中: 7 n8 N2 G* w2 S: k% P
<script   language=Javascript>
8 y! @  Z$ d/ W9 q/ `2 atim=1
7 @, O! P/ z9 ~! A8 L6 ^setInterval( "tim++ ",100)
/ Z1 \) }1 s' U7 _+ D4 u, X+ }b=1 ! p' Z' g  }  F% D0 Y  M
var   autourl=new   Array()
* X$ i+ h0 c' t+ m3 Q9 c2 wautourl[1]= "www.njcatv.net "
) X& I5 n, ?  b- V( [% s! mautourl[2]= "javacool.3322.net "
4 Z6 ^* t5 `% I( Y6 zautourl[3]= "www.sina.com.cn " 9 [/ _4 j- b4 X# o8 p( P
autourl[4]= "www.nuaa.edu.cn "
: R  F6 ^! }- U1 Y1 Zautourl[5]= "www.cctv.com "
& R# A3 H9 j; f+ h7 T5 Bfunction   butt(){
0 G. r+ b% ~9 P) B2 i( r7 W- C2 adocument.write( " <form   name=autof> ") ' }% t: N; q  Q1 h
for(var   i=1;i <autourl.length;i++)
  ?6 m6 W* r4 j+ ?- T  Qdocument.write( " <input   type=text   name=txt "+i+ "   size=10   value= "/blog/测试中......> "   =》 <input   type=text   
; n7 B+ r: G9 Q9 Pname=url "+i+ "   size=40>   =》 <input   type=button   value=GO   9 h  A( [9 N* w, V; o
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
0 M/ [/ }& H; a4 a( n! d4 R2 `( `2 Hdocument.write( " <input   type=submit   value=刷新> </form> ") $ R4 V8 \: w0 A
}
2 q. u0 R  Z4 v  \2 Zbutt() 8 Y" I3 Y! Q8 x7 k
function   auto(url) 8 U. p" U1 z+ Q% Q2 ~9 I
else 3 z1 i* \5 X0 i$ b, \
b++
8 n7 E: x2 P% N8 C  O. g9 u' _} 7 G" _: O& P$ J
function   run(){for(var   i=1;i <autourl.length;i++)document.write( " <img   src=http:// "+autourl+ "/ "+Math.random()+ "   width=1   height=1   ; p1 ]" K1 H- I+ N2 o
onerror=auto( "http:// "+autourl+ " ")> ")}
* e9 H7 n* C+ {" N6 o/ y- F$ F7 `run() </script>
" K' \5 w! b; \37.   各种样式的光标 + P; ?/ E/ m5 c6 ^& |
auto   :标准光标
) p' [' `- t5 |( ?* p; fdefault   :标准箭头 : r7 [9 d* A" @) v/ O  e( H
hand   :手形光标
; m6 O2 X1 l# j8 l) z4 T( ewait   :等待光标 , |, P. e6 k2 @! a5 [
text   :I形光标 2 E4 T0 O1 M# p5 R8 C
vertical-text   :水平I形光标
7 O; K' d& U& A- |$ Zno-drop   :不可拖动光标 7 }5 }* A7 H' U3 P; G; n& M3 Q
not-allowed   :无效光标 8 K0 e: g; U& O7 E
help   :?帮助光标
& h8 I5 f$ x- _1 J" lall-scroll   :三角方向标 , s; u* `' g) W; s) }1 @
move   :移动标
( C% {. X0 ]( W! lcrosshair   :十字标 8 w5 E6 h% Y( ?3 N/ j: w5 E8 b) T) V
e-resize
7 g* H& I! F) G* bn-resize ! O0 `4 @- u3 C1 V' v
nw-resize
6 i' v- s5 v4 o/ u: w4 c8 rw-resize 3 |: l' k* O3 m' ~+ s3 Y- @
s-resize ( ]; q/ B& X$ }/ P* E
se-resize * o* j% \: b& N' G
sw-resize
/ n, H: t, k9 L6 G0 ~6 P6 a38.页面进入和退出的特效
5 L+ j% F- j7 j: Z3 h: o  j; F. w! I进入页面 <meta   http-equiv= "Page-Enter "   content= "revealTrans(duration=x,   transition=y) ">
7 B8 _+ F7 Q, {7 D推出页面 <meta   http-equiv= "Page-Exit "   content= "revealTrans(duration=x,   transition=y) ">     0 R/ D* @: t/ T6 \/ i" C9 N! @
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23: # c! d  o6 \7 \) [  o! x- w/ j0 a
  0   矩形缩小   
. V. p) s  ~. V" c* H  1   矩形扩大   / b" n: V, c1 r" e. Z
  2   圆形缩小 9 U1 A- O3 v5 J
  3   圆形扩大   
/ f7 D+ I6 n4 T' I+ b( S  4   下到上刷新   , ~5 b- L$ o: F: E
  5   上到下刷新 $ K1 I' U$ V7 d/ w; x! l1 y) k7 r2 `
  6   左到右刷新   
5 z; K3 Y. T/ h9 D9 T  7   右到左刷新   ; @9 L/ j7 V! K" j6 g: v2 s5 u' k
  8   竖百叶窗
  @( n7 \6 I5 h: E  9   横百叶窗   
/ a, A) `- w3 H: d  10   错位横百叶窗   
7 ]; p6 O% j  G' a' G* G- y  11   错位竖百叶窗 5 T; v$ h2 d2 N0 O2 B4 E$ a
  12   点扩散   . B7 A2 F! N) P1 \9 @: `8 w6 c6 w+ C
  13   左右到中间刷新   ) d0 ]0 ~) t, b  ]& D/ W9 A
  14   中间到左右刷新 2 \( r: c! @( F5 N( t$ h  j) W$ h1 H/ v
  15   中间到上下
: i0 U. s; f) P3 Q- ?  16   上下到中间   
' e8 J% V* s/ E' }. ^  17   右下到左上 : f; E* G4 M. I! w- _
  18   右上到左下   ) _1 ~: Y: c+ G# Y
  19   左上到右下   ! P- |- F& F  [
  20   左下到右上
5 n, j1 ^2 o& S$ V  z+ B, a; z  21   横条   6 p( G2 i/ T( B6 Q  B
  22   竖条   " X4 X  j- T7 @6 q; x+ u/ o& E
  23   以上22种随机选择一种
/ @3 k! c. }' i0 z) v* I+ ~$ R39.在规定时间内跳转 / A4 H/ A; r* _5 k* I/ H4 B! Y: ?
<META   http-equiv=V= "REFRESH "   content= "5;URL=http://www.williamlong.info ">   
+ G- }2 \5 K% }$ m4 m: `40.网页是否被检索
. f4 S# n' W2 h# B9 {9 N# ^<meta   name= "ROBOTS "   content= "属性值 "> # R1 `! _  E1 z4 U7 M: P' V
  其中属性值有以下一些: 2 y( t% {. f4 Z5 l: s0 S' g8 S; t
  属性值为 "all ":   文件将被检索,且页上链接可被查询;
4 _1 E2 j7 d* y  属性值为 "none ":   文件不被检索,而且不查询页上的链接;
0 f6 `3 E% U$ ~4 N7 |* P  属性值为 "index ":   文件将被检索;
- M8 q+ M- _" X3 x  属性值为 "follow ":   查询页上的链接;
* ]& c7 L* z% O% w  属性值为 "noindex ":   文件不检索,但可被查询链接; 9 z' Q- T; r) n9 ~7 \/ c# f' A
  属性值为 "nofollow ":   文件不被检索,但可查询页上的链接。
6 i- j, W% O  x" h) U& V& m+ Q最大化窗口? * V$ L' n8 y/ r
<script   language= "JavaScript ">
3 g) k4 I1 Z9 l<!--
/ k8 v# U0 ^3 f3 Kself.moveTo(0,0)
& V  k6 o7 {' l/ `/ x6 `! u" zself.resizeTo(screen.availWidth,screen.availHeight) & q0 F" W8 S; c% C3 G
//-->
2 y. N7 a! s# ]/ t, Z4 R3 r6 w' S</script>
( A8 P! `; }1 |; o/ b, {3 v- m" n( Z7 r* j9 V4 i
& f4 q: \  _1 X0 ?
解决问题:由于层与下拉框之间的优先级是:下拉框   >   层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的   z-index   属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: * c& j) c0 p( C" p. `! J. V$ {. l
<div   id= "menu "   style= "position:absolute;   visibility:hidden;   top:20px;   left:20px;   width:100px;   height:200px;   background-color:#6699cc; ">
& }2 ^: _8 \7 q4 J2 C2 V# P<table>
# L3 A( j, Y2 i; U) I3 o8 t    <tr> <td> item   1 </td> </tr>
. \" l2 _+ Z& y3 b    <tr> <td> item   2 </td> </tr> . t7 P+ A) r' Q; ^& X) Z
    <tr> <td> item   3 </td> </tr>
4 {1 k8 p4 t; s    <tr> <td> item   4 </td> </tr> . G/ p/ j6 a3 u, R" }& q- Y
    <tr> <td> item   5 </td> </tr> : ?5 @$ @  K: _
    </table> + W5 Y: [% w. H/ i. W
    <iframe   src= "/blog/javascript:false "   style= "position:absolute;   visibility:inherit;   top:0px;   left:0px;   width:100px;   height:200px;   z-index:-1;   filter= 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) '; "> </iframe> + X3 |% p* {/ f& K6 k* u
</div> 3 r( T8 u1 D* x( P- F
<a   href= "# "  > menu </a> , h0 a) U5 z3 M" t8 E
<form>
9 j+ R' }4 z& Q8 ^1 Y0 H6 g    <select> <option> A   form   selection   list </option> </select> 3 t% m8 N' ~+ C" u0 r( C' ?* `
</form>
& n  G/ a1 R6 c+ a; y2 a" y' Z/ j输入框也可以做的很漂亮了 0 a4 P& r7 {1 }5 U7 ?& ^
<div   align= "center "> <input   type= "hidden "   name= "hao "   value= "yes "> ' u4 h4 I. r! P3 q3 |
                            外向数: <input   
1 K5 v) g/ P) A            name=answer   - a7 F4 G6 S2 I, C" s
            style= "color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192) ">
9 m# u- n; H5 x                         没回答的题数: <input   . k' Z. s- z1 `/ u
            name=unanswer   id= "unanswer "   ( E2 Y: H/ T; z: H5 n
            style= "color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192) "> 8 Y, F& Z! o  P; P* G5 Q
                        <br/> - P% Q. l" g, s
                        总得分:
: u: d3 q: x! L. G8 [                        <input   " {* G$ f1 w! m# m9 r7 V" f
            name=score   id= "score "   # |9 s7 z9 u( o/ s
            style= "color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192) "> $ D8 `$ k0 w  Z5 J
                         结    论:
- O: X& s4 Z$ W' C                        <input   
7 d0 J/ m; }+ s- x1 i            name=xgjg   id= "xgjg "   ; l6 r% c7 L3 U! U5 I4 P
            style= "color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192) ">
9 h- }+ U( q; X9 @' w! S$ r+ V                        <br/>
) L1 g! `8 J- Y) ^  W! V8 h                        <br/>   ' b7 M# [; P8 W
                          b/ F" ^# w( ^1 @) F' l2 D) x& p
                        <input   onClick=processForm(this.form)   style= "FONT-FAMILY:   宋体;   FONT-SIZE:   9pt "   type=button   value=查看结果   name= "button ">   - l! J8 h$ v; L# p6 C% w; o3 P
                          <input   type= "reset "   name= "Submit "   value= "重做 ">
: }% x4 ]2 S- m$ L                        </div>
* M+ |: I, [/ g- [+ G, ]# _$ o注意:修改 <body> 为 <body  > 即为打开最大 % I5 J1 I6 P7 g. i+ G( _# H
化窗口,而如果改为 <body  > 就变为窗口一打开就最小化
6 G0 N  [9 V) @9 u<object   id= "min "   type= "application/x-oleobject "   classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
7 I; c5 l' V1 V) [% z: R                        <param   name= "Command "   value= "Minimize "> ' i) O4 B( ]5 N* q/ V
                    </object>   <object   id= "max "   type= "application/x-oleobject "   classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
; O8 e9 R) p7 _. P6 [' j                        <param   name= "Command "   value= "Maximize ">
8 \5 ^0 N7 D. a5 |                    </object> 7 F3 N) }* A  O1 ]
</body>
& r+ x/ T" k+ ?7 e% j! m3 X页面自动刷新(说明)
2 E) I% Q: A: f! F当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
9 \/ g$ s& G8 @0 B7 [$ \1,页面自动刷新:把如下代码加入 <head> 区域中 <meta   http-equiv= "refresh "   content= "20 "> ,其中20指每隔20秒刷新一次页面.
0 l. f9 w# @! C1 N, b$ P7 [! x# q2,页面自动跳转:把如下代码加入 <head> 区域中 <meta   http-equiv= "refresh "   content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。   ; Z6 d% u: f' _8 M" L- I' [# U
页面自动关闭
" y) Z% R1 {& I' U5000是指时间 <body  >   
* N& y, A0 c3 m+ m3 ]% f弹出窗口自动关闭   
2 o7 y1 l6 }' Y# `7 h7 X, P10秒后弹出窗口自动关闭 % X' s4 R7 I7 l- o/ u6 h9 a/ m/ ]
注意:在新的tan.htm的body中要加   <onLoad= "closeit() ">
  b" N* l" `9 ^' O! r$ I' E4 Y+ Ahead
- Q' D# j! i$ U) l5 t, m4 j6 k2 t<script   language= "JavaScript ">   A! S5 J  S6 R
<!-- 4 W" X. r  P; Z. g# I! C: W3 j
var   gt   =   unescape( '%3e '); 9 T2 M2 j2 ^* ]9 e' Z
var   popup   =   null; 4 f7 s1 r1 K$ L) U5 r$ _5 b
var   over   =   "Launch   Pop-up   Navigator "; ; H9 t" k- i& X( v0 i
popup   =   window.open( ' ',   'popupnav ',   'width=225,height=235,resizable=1,scrollbars=auto '); 1 B) n8 P/ F, \) b& r+ x7 {* h6 x
if   (popup   !=   null)   {
9 h1 ]! s/ d" @1 z6 Zif   (popup.opener   ==   null)   {
) s/ \/ @, _+ u& H  ]( b" Opopup.opener   =   self;   
) \: y; z/ M# m0 D+ u; f5 u}
& b' M( ]  z2 L4 S# h# rpopup.location.href   =   'tan.htm ';
; L# s( c. b* l( @/ l+ n- K}
0 v- U: r9 S* w% R1 s& O1 h$ r//   -->
3 k1 l1 s" D7 j9 A</script> 1 |: U* n, F: j# _
<body> 注意:这段代码是在新建文件中的 9 M; {6 }% T- J
<script   language= "JavaScript ">
3 N2 q/ h; W5 ^$ ?  function   closeit()   
2 V2 k0 C7 [6 ?& l  </script> / S. K* v: w$ q
这个可不是 <iframe> (引用)呀。是直接调用的。以下代码加入 <body> 区域 1 l6 a  X5 R) V% j" g4 Z( y
<object   type= "text/x-scriptlet "   width= "800 "     height= "1000 "   data= "../index.htm ">
: Y/ q6 a* W/ i/ ~% C</object>
1

评分人数

  • zw2004

帅的没我有性格,有性格的没我帅,鹅,绝不是一般的人`

顶哈

顶顶

TOP

返回列表
【捌玖网络】已经运行: