Google
      
发新话题
打印

网站典型特效

网站典型特效


$ n3 l6 e$ X# }8 j/ [6 g$ N6 p

7 L: _3 W; ]8 W- D1 r3 g2 s
◆加入收藏夹

4 S# r0 ]) K/ N0 N, J8 h  ^

说 明 点击即可把你的网站添加到浏览器的收藏菜单下

& {- E: Z4 ^, N0 a' X

代 码 <span style="CURSOR: hand"  title="网页特效集锦">收藏本站</span>4 c' E( {3 ?7 u/ Q3 e: c


; ?" z& e, ?3 A2 j! E

9 z. ^  i- _# V1 r% [5 }: q- h


6 @: r9 s' V  B% T) |8 s1 a◆设为首页

* K/ l6 Q  W  X1 Z4 s, N

说 明 点击即可把你的网站设置为浏览器的起始页


9 x  C; _" J: M7 C8 v* X

代 码 <span MARGIN: 0cm 0cm 0pt; TEXT-ALIGN: left; mso-layout-grid-align: none" align=left>this.setHomePage('http://www.helpor.net');" style="CURSOR: hand">设为首页</span>
+ D0 W2 a3 p3 U: L


. \+ _* y' m  z0 E2 G+ S5 G/ A

8 P% q3 Z7 [9 `. }2 q% v( M+ Y

6 h9 a8 o% @9 x' H$ |" u
◆去掉超链接的下划线

/ B+ ~6 F5 w- j

说 明 有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码<head>与</head>之间,下划线就无影无踪啦!

. a% X9 T! R9 y

注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!

6 Y& y, {; M% U2 w

代 码 <style TYPE="text/css">

  v/ ?( T2 s: p3 g0 q0 c( u# L

<!--

  ^, ^6 c% X( ~( S

A:link{text-decoration:none}

5 {* ~7 R8 e5 T3 H

A:visited{text-decoration:none}


) U: F! O: ^; c8 x- V3 t" f

A:hover {color: #ff00ff;text-decoration:underline}


' J/ I4 B* f9 I/ v

-->


4 f9 `3 J6 _, a. a" k/ z: `

</style>
# Y2 u8 b$ Q0 z

9 w& B8 R) e2 [$ B8 u# E6 P


( |) G& \- O3 G8 A) Y


1 }+ j# U0 }& L: U◆自动刷新网页

- C. h# S4 u/ [' \, x! y8 t

说 明 自动刷新网页


/ n! K- F- g9 S  \0 [. Q# _- h

在HTML的与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。( j3 ]$ I( v6 U. ]; _. m+ s9 W


# y, r9 z1 X$ K1 s

代 码 <meta http-equiv="refresh" c>7 ]2 l( s" ?. k

0 b5 V4 Q& @8 b4 m1 l) `1 q, f+ }

3 @3 I; B9 `* S

; w2 e" N' P7 w: M1 q
◆刷新本页


6 D+ \) ~2 C; s6 W& A8 q

说 明 点击即可刷新本页。
2 J' k) z8 Z/ w" ]


5 E" N( H) Z0 ^+ N

代 码 <a href="javascript:location.reload()" target="_self">刷新</a>


% x  ~* w- z  G1 r


+ q# Z( o1 Y8 Y( z# E7 a& f1 Z8 ^


2 V. s" s* ~4 u◆返回到上一页


9 O% @( t; l; F5 v: C' c. m; s, V

说 明 点击即可返回到上一页面。

$ [7 z8 V' G0 [6 h* D

代 码 <a href="javascript:history.back(-1)">返回上一页</a>


2 p' z* w. |6 R" b" C


+ M" [1 V5 m7 @+ ^- k( r


1 S3 r# V9 R5 ]9 Z* n4 }, ~◆跳出小窗口

0 K9 t  y9 ^1 G$ u0 `; X

说 明 在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。window.html为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无,resizable设置是否可让浏览者改变小窗口大小,width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦!)  L) L, m  G2 _& w6 M% B8 {' A


5 u& d( k1 l  U

代 码 <script language="JavaScript">


# E$ L  H: u* S+ f( r

window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");


8 C( J4 R" p7 E1 R+ U) q5 D

</script>

3 o/ D# r! L" T- g/ @9 ^

& J' X4 b  q+ K7 C" m6 F

2 e. d4 M: Y- Q& c4 D; [) S5 _
◆自动关闭窗口


% R3 S0 C! _0 M* P1 s% r+ J) t

说 明 在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!代码中i=20表示关闭的延迟时间为20秒,可任意修改。) \! [: {" a' C3 _% D2 K! S


' V( `7 C( @' C; L7 X) l

代 码 <script language="javascript">


; S; ^2 {2 y2 d% b2 P

<!--


# \! j/ ]4 A) `3 M% P: h

function clock(){i=i-1


- I! a6 K" \! Y0 H. e% ?

document.title="本窗口将在"+i+"秒后自动关闭!";

$ E1 i% O$ ~/ W4 w: ^2 }/ C

if(i>0)setTimeout("clock();",1000);


0 Z. X7 G: C0 ~: m" T

else self.close();}

$ A4 T: a" e/ f" T

var i=20

2 b. ^( [: A# Q- a' L4 j- U0 }5 H

clock();

) R  G& u( g1 [  ~

//-->

0 y. g' B. l9 B; Y4 c6 ~( Y) q

</script>


: d. p2 m: t8 }; R


9 j2 S: i6 M7 ^6 P( C1 B/ j# D

: H1 R" k) P) }/ X! t
◆给页面加保护


3 S: N$ V% p8 [1 U" l' B) ?- o

说 明 如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话,不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时,出现的不是想要的快捷菜单而是一个警告窗口。\n\n表示换行。# L2 x/ L1 t" G7 v+ O4 ^


, g1 Y/ ]2 k- a3 S5 I1 Z8 m+ T

代 码 <script language="JavaScript">


9 j% r/ {& l8 v9 p* s9 o

function helpor()


# J, c1 ^$ E  t

{

: k. p6 G; k- L# k5 m$ ?$ a

if (event.button==2)alert(' 仅供浏览!谢谢!\n\n若有问题请与我联系! ')

, B* w/ n3 X( d$ P2 [7 T

}

8 C' ^6 U. x- C  l% o$ ?6 R

</script>

+ O" a4 a8 E' [0 e3 A' r

- N7 }; {5 B* s+ ~1 p+ P$ O; ?! ]0 Z

然后把<body> 改为 <body >


* ~/ g& R+ w1 Y7 i- Q


, o8 @; p$ V7 ]


" F5 ~4 l. z1 `◆固定字号大小


5 |% S$ p5 i4 D8 i

说 明 你是否有过这样的经历:一个布置得很好的网页,当浏览时把浏览器的字号设置成大或小时,漂亮的网页马上面目全非了。因为字的大小变了,版式自然乱了。现在好了,只要把下面这段代码加入到网页源文件的<head>与</head>之间就行了(对用<font>标签定义的文字无效)。$ {6 |( Q  S5 a0 @; X


4 `9 m6 M1 ?3 }

代 码 <style type="text/css">

, i) g7 ]6 D- @: ^# _+ b/ v6 l

<!--

4 ~7 Z" w( {5 q/ i% ?/ {/ Y  N

body {font-size:9pt}


1 t. M  o6 S0 a3 G

td {font-size:9pt}

% B( t: K$ s) G9 ^- W

-->

0 l* Z- ]# d1 t  F- d/ m) r% G

</style>
1 G' e$ q% a3 W; h& t* G

+ a3 }6 g, M7 j


- r1 R( I1 q; R5 h) g


* B4 r& {; @1 D3 w% Y8 F6 C◆状态栏里的动态欢迎语


2 T* H$ v0 P$ O/ t( ], @! b, I

说 明 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!


: w% [* k9 I- c7 j

代 码 <script language="JavaScript">

1 M% f# |( W5 b( P' D

<!--

! z+ B- T4 ~# I3 _: [

function statusMessageObject(p,d) {

8 F' b7 F% U6 x6 K) C/ \2 F

this.msg = MESSAGE


* E8 Y+ g# b0 k2 r6 o5 |

this.out = " "


9 K: z6 V. y, D5 H( d' o2 A8 l& R

this.pos = POSITION


: V3 L5 B% }! x

this.delay = DELAY

+ R2 i; [& R, y' r; l* n

this.i = 0


4 M: ~" @7 r8 {1 U" Z

this.reset = clearMessage


4 V( X$ k" n' j

}

+ h  W9 t4 [# X" c. m/ J

function clearMessage() {

- n1 v% w) `; k% d5 h$ U- H6 ?; u

this.pos = POSITION


0 q/ A: V0 o; q! |$ M, A/ A

}

. K/ r' l$ `5 C$ B4 v+ U3 t3 C

var POSITION = 100


7 p3 t" I$ \$ f2 B" a

var DELAY = 5

7 {! B( I2 I9 F! k8 U1 s: D3 N+ f& p

var MESSAGE = "欢迎光临! Welcome to WWW.HELPOR.NET "

/ t7 e/ t! `* U( e' K+ U

var scroll = new statusMessageObject()

1 s' e; k' F% ]. X6 M

function scroller() {


2 J; k( ]- c3 m( c$ t) i! P' u! Y

for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {


9 e' a- b7 K. N8 C0 a4 Y6 |

scroll.out += " "


# ~+ Y) b& M* |. @

}

! A. e1 l# C- p/ ~

if (scroll.pos >= 0)

% Z: K9 x: ?( y% B

scroll.out += scroll.msg

: A5 U5 j! v/ F" e# R

else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)


. |( q! p+ p( {

window.status = scroll.out

7 ?4 P. k$ ]& [

scroll.out = " "

' ?/ L# A; e" ]) c& B. m2 }' B+ s

scroll.pos--


; n& n7 A: y' s+ y4 Z

if (scroll.pos < -(scroll.msg.length)) {


( v3 l$ B" C* |  B7 s) H7 y( R

scroll.reset()

; T( [- n' K4 f0 n. {& V

}

* U. R  ~$ o. t# O( z8 Z9 g9 f- g

setTimeout ('scroller()',scroll.delay)

5 r& L& w1 A& D

}

/ u: \0 Z5 \2 `( ]

function snapIn(jumpSpaces,position) {

0 r% k7 q/ P! |& Q$ F% G7 F

var msg = scroll.msg


( K! T9 B. q8 e7 s& ^7 }

var out = ""


2 w  B1 |; S% p  X

for (var i=0; i<position; i++)


2 F6 a2 c) {, R3 S/ M+ {6 a! |, v9 [' b$ B

{out += msg.charAt(i)}

% e  U5 @; o$ D# z* q' J7 D

for (i=1;i<jumpSpaces;i++)


: E; |/ Y. X; d6 H/ j( ^  d

{out += " "}

6 _0 P8 n& S: A7 u0 S

out += msg.charAt(position)


' h' C( c8 y/ W) G0 @" Y

window.status = out


( N& {1 b5 `/ j  x2 d! L0 p

if (jumpSpaces <= 1) {


% L: g. Z) }4 N6 t# O8 _

position++


6 e8 G5 o4 u1 a& K2 }2 q- G

if (msg.charAt(position) == ' ')

; h: d7 ]2 F' w

{position++ }

5 Y. ^+ K9 B1 m0 z3 r

jumpSpaces = 100-position

2 j5 j' P2 s) G4 P8 |

} else if (jumpSpaces > 3)

( C9 G5 i# y. h( B

{jumpSpaces *= .75}


1 u- g+ j! [6 Y0 J5 F' r

else

9 t! s' S$ x1 Z6 L$ o" Z# j

{jumpSpaces--}


1 b0 J8 f) o/ |* y

if (position != msg.length) {


- `! E: q) m2 S

var cmd = "snapIn(" + jumpSpaces + "," + position + ")";

, G2 T; @8 d: s& B- I2 x8 d

scrollID = window.setTimeout(cmd,scroll.delay);

" s7 G7 f+ E; `* G8 c

} else {

. H8 w4 _% m- ^. F; |5 A# V+ L

window.status=""

% W: P7 Q% M6 Z0 f/ @! l

jumpSpaces=0

! O% S- r; X' ]- F* @; n+ H) U3 g

position=0


+ o0 @+ L. f* l+ K8 w

cmd = "snapIn(" + jumpSpaces + "," + position + ")";

- `! Y1 y$ j) t* W- [1 Y

scrollID = window.setTimeout(cmd,scroll.delay);

3 R5 P+ M- L# k( x$ Y$ m1 U& K

return false

/ o. X( ~7 f6 M' ^- D6 W( R6 a% n$ _

}

7 d9 _" ^1 i6 V* P% @

return true


% |, h: l: z5 g3 b( U

}

7 U. V! u' B8 Z) @/ Q

snapIn(100,0);

1 b& `5 W* ~& v- k/ ?

// -->


( P5 W: a: E8 g9 N3 k3 O6 y+ C

</script>


) C5 U4 ?$ x7 }5 }& `8 a

( b% A% D' I% D


8 [! a, ^/ E& |2 f9 \0 N◆保护自己的页面不被别人放在框架中


# _$ v! Z: Y7 |% g) T" D

说 明 有些人真是懒得可以,把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。  d/ C9 @" K! F: u$ u. o


- w& @2 r) Q( B; x- w

代 码 <Script LANGUAGE="JavaScript">

3 a  z  J6 F. J- d" n7 u

if(self!=top){top.location=self.location;}

  C/ {# o1 I% R7 c1 z$ |8 {

</script>% A9 L9 F2 M! j" I$ q" d

# q# b7 c0 _8 V. r


7 ?( m$ f- ?- t! v% n) K


* s$ K1 `5 G9 v: f% ^

1 N4 ^! M* d' ^  h0 p  q


6 S' D& O3 P( }/ `( z% ~; ^" w


$ q# ]/ m8 {7 q* {8 Y% `


  l2 T( P+ @! A. |" }# v5 {


4 Z# B' w2 b* R9 l$ R/ V


$ {9 e, ]: z7 S0 ~0 k& [版权所有
©《天下软件》如有任何问题,请联系: xiaojinfa@tom.com
6 A( Q5 a/ V% B

, \: r- h2 W7 L9 N4 N  B

3 @! H$ k  o/ i$ t/ Z3 g
建议使用:800*600分辨率,16Bit颜色、Netscape 4.0、IE 4.0以上版本浏览器浏览本站' j0 w! p3 c8 o4 r6 L- v


: d! O* \( D% s


: Y* h8 C1 Y4 ~2 b本站所有资料和软件仅供学习和研究使用。

   
                          祖先创造历史   我们设计未来
   ---------===过去的是故事,未来的还是故事===---------

TOP

发新话题