查看: 176|回复: 8

网页常用代码

[复制链接]
发表于 2005-1-3 13:59:36 | 显示全部楼层 |阅读模式
简单的window.open方法 ) C5 y6 H) @. V; N/ B
  <a href="#" onclick="javascript:window.open(’文件路径/文件名’,
: c7 t' `2 j- e% p8 q  ’listnote’,’toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,$ [. z3 Z/ {0 b/ A
  width=350,height=300’);">文字或图片, Y% M& N. f' U/ s! |
  
- J; W4 x& b7 k$ K$ p! j( ^, C8 D' M$ L8 n1 E
图片随机替换 % Z# B8 w! `' I/ ]8 H/ h" a! r) M
  
& L; h  I4 @* r' _/ f1 a* {  document.write(’’)8 I0 ]$ T  o% P  L# s) ~4 s
   ! D' w4 Z% u" |" _! Y. D+ o
  图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
. W' J9 |; G4 c5 f- E
7 m3 i$ H, H% s设为首页 - E2 D% i7 n0 _" u9 G
  <a href="#" onclick="this.style.behavior=’url(#default#homepage)’;# v* p3 z% z) s/ Q) l
this.sethomepage(’http://cu1985.126.com’)" height="2">
& O- L9 {& l/ w, P
# k7 W( x3 P+ Q加入收藏 + l9 p& }. m) Y1 q4 S) w, D8 O
  <a href="javascript:window.external." J' V2 l3 @2 M5 Z
addfavorite(’http://www.wosay.net’, ’wosay中文网’)"> , P( v) J( h" s) r' n8 z- O' ]

# K/ S/ G) z3 o6 k3 L* G( @/ N忽视右键
$ P* ]3 @/ x' i  $ o  R& l  s3 Q
  或6 b" P+ g* H, j+ @5 T! g
   ) a6 c; k8 }4 S/ n; ^' l

# O* R, x, F& T; j自动转页   
$ v5 x$ J! u% Q) B9 B   : Z  T# g% t! @+ Z
* t& ?! P+ b# D% v5 y% c
加入背景音乐
6 Y% O; V5 F! f+ H+ n8 V! V4 e  ie:2 i$ {# Y# N/ _0 N; t8 S3 C' N! x
  ns:; Z$ w* }. s& c( V% i0 C$ p
  
& r# H  w, I" j! i  k$ h( ~  *.mid你的背景音乐的midi格式文件
  Y% ]5 a- l0 q9 a/ S  p6 l  [
网页自动刷新  & `+ w4 r9 C. N+ f: v5 m
  在head部记入
) W1 X, a0 k- M7 b, v  - x, Z/ Q, \' e$ ?: O3 J1 p
  其中20为20秒后自动刷新,你可以更改为任意值。 ! c6 Z- W9 @% c$ D% A- e

4 I0 d% N- k! |4 u- \/ @1 l- g拉动页面时背景图不动    # c0 M5 y. i; h2 Q: @
  
7 [5 b# W* p3 }1 U. X  0 S3 H- ^6 c' A: T$ a3 @
  body  {background-image:url(logo.gif);, _" M% R8 u/ c8 l* K& e
    background-repeat:no-repeat; background-position:center }
) D. }$ i! h( G) D3 s( l- n  
1 r4 ~1 e7 a+ m! W7 i- ^8 ~  
% [8 \/ k5 ]9 P  _/ p& D/ y4 P# x$ T5 c6 {8 v/ u: H
让浏览器在保存页面时保存失败       ; ^, ?) |+ G! ^
  
6 v3 H# A1 Z  l  j  
$ d! W  o: ~+ A: p4 M6 r; z  
; m6 S: T" T: T# {5 e/ S" s  
% v- D( u" Y4 ~0 u! t6 x$ ?4 r
* Q8 g. ]6 H4 [: i& G在网页中,图片和表格接触的地方如何不留空隙?       
* V+ O0 a3 t- {) y/ o( ]6 @3 f  要使图片和表格接触的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,不仅仅只是表格外框,还有两个设置,即在表格的属性面板上还要把单元格的两个属性设为0(cellspacing="0" cellpadding="0")。
3 e* I/ a( F8 r
# Q( e# {) ~* k0 i5 U如何把自己放在主页上的zip或其他文件让浏览者下载(down)?
; O6 c0 G- d1 l0 L$ w) S  用dreamweaver3其实很简单,把要让浏览者下载的文件名写上,然后拖动鼠标选取这段文字,在文本的属性面板上"link"的属性输入框中写上文件名就行了。注意:若被下载的文件与该网页不在同一目录下,则文件名必须包含相对路径,否则到下载时将提示找不到文件。 . |7 x: l3 \# W: _% q" A

. y/ w  {" v1 T$ ^; G6 Z/ n点击连接打开本地"我的电脑"等
+ r- F" c& J/ i7 O: o4 P3 V5 I. r4 a3 ]) Y  
, W6 M  E7 ]5 y/ k! X" o' F* D<a href="file:///::{20d04fe0-3aea-1069-a2d8-08002b30309d}" target="_blank">我的电脑
- q# ?5 I7 Y. s( d6 \5 e. b) b  <a href="file:///::{208d2c60-3aea-1069-a2d7-08002b30309d}" target="_blank">网上邻居
: q$ T" E* M5 |8 s: M  <a href="file:///::{645ff040-5081-101b-9f08-00aa002f954e}" target="_blank">回收站
5 O: G6 g  G. E$ n7 k6 H* C  <a href="file:///::{7007acc7-3202-11d1-aad2-00805fc1270e}" target="_blank">网络和拨号连接
$ Y3 I2 {% r0 }* i; v* M6 A  <a href="file:///::{d20ea4e1-3957-11d2-a40b-0c5020524153}" target="_blank">管理工具
) O) h2 j; a! a  <a href="file:///::{2227a280-3aea-1069-a2de-08002b30309d}" target="_blank">打印机
. `+ b2 d1 j$ ~& @+ }/ r8 t3 R  <a href="file:///::{d6277990-4c6a-11cf-8d87-00aa0060f5bf}" target="_blank">计划任务* \6 M( d9 {7 A, a- ~4 i' w& p) n2 \
  <a href="file:///::{d20ea4e1-3957-11d2-a40b-0c5020524152}" target="_blank">字体
5 q0 m% {* K1 z  i- _% O* l. @8 \! X0 g: i' N; z1 c
简单的页面加密  
+ o* n0 o$ V3 j$ d   <script language="javascript">
5 K  F' }! l. t( j  b! p  i' H  
+ I0 {# {4 X! F  H. U    
) G! p' I9 S, ]" N
* ?3 M  m# T* W- V2 `" f5 P  J网页自动关闭       / l2 K1 @. r$ E8 b0 B
   6 A6 r! v1 k9 D$ Y" l7 P! w
   . k( {$ o& c3 G7 Q- G  r1 d
  
- H* `4 z' v9 E, T' k  
5 c" n- p; N* A  
. ]2 h3 {4 V6 a% i8 k" O3 K# u  
5 P& Y. f& I- r5 _3 ^  
/ ^/ j5 R) H# Y2 P   这个窗口会在10秒过后自动关闭,而且不会出现提示.
, B, `1 ?1 t+ A$ ?1 Z    
9 c4 Q% q3 o+ m: U( L5 `/ m( M8 z3 U: P# B1 p% F
保持layer在最前面,而不被iframe、object所覆盖   
5 K" Z7 }# o8 {& f  b9 G; x& R   在layer中再插iframe 或 object 设z-index值
5 t4 L! f( l7 N2 |5 i0 F- ^  N# 前面
( h- s) O: D8 L( p  H$ A' l/ v4 b# 后面
  G! _3 L% r& }8 Y( wheight=100% width=100%>
/ N. l2 _) z7 ]7 f. m7 x0 ~$ I( G- R. t$ E5 O+ Z" ^, b

; s" M' d# E* C* m. {1 r. Q
9 s+ ~: n6 q6 D9 E, d* Q
0 `: ~. E) }: x. ~; i, m
6 z2 a! _* t  R4 A+ ~$ v; n7 ~' }0 Z/ w

8 F- m# P9 R0 g% G' j6 h% p2 e
9 @7 h+ O4 ~7 D1 y8 F+ [  }8 E9 [
1 c5 W. o8 b2 |* b2 t( C' [4 E" v/ j# Q* o9 m% u. u; t
) G$ o& x2 i. I0 m5 y% G- w
改变滚动条颜色     
$ v% X/ f, ?! `- X6 k   + v9 [9 h0 N* B
   body {8 U3 V& j8 g3 k
scrollbar3dlightcolor: #ff0000; /*滚动条亮边的颜色 scrollbararrowcolor: #ff0000; /*上下按钮上三角箭头的颜色 scrollbarbasecolor: #ff0000; /*滚动条的基本颜色 scrollbardarkshadowcolor: #ff0000; /*滚动条强阴影的颜色 scrollbarfacecolor: #ff0000; /*滚动条凸出部分的颜色 scrollbarhighlightcolor: #ff0000; /*滚动条空白部分的颜色 scrollbarshadowcolor: #ff0000; /*立体滚动条阴影的颜色 scrollbartrackcolor: #ff0000 /*滚动条的背景颜色
! Q! y0 `/ ?# x9 z/ @   }0 _% N- A: V- k) [
    2 L$ A. S# u- w
   说明:. h7 {+ u! U0 o+ h, u: F5 I1 C/ c
1、必须是ie5.5+
' N, ^1 m$ A5 o6 P2、当页面内容超出屏幕出现移动条时,设置的箭头颜色才有效
% x: X3 E  B/ \  a8 B% o3、母页的设置对iframe窗口的滚动条颜色无效,但是对textarea文本筐的滚动条有效# P% }8 T; k  A1 F$ f

0 n$ l" S3 c2 }2 @如何实现定义的超级链接文字颜色? " h+ K4 M  P) U  W' y5 ]7 u) q
  许多文章和教程都介绍过文字超级链接的颜色(包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等)可以用层叠样式表(css)定义,但真正在网页中要实现颜色按自己的意愿变化还确实不容易。下面把一些注意事项告诉你,你就能随心所欲地设置文字链接的颜色了。
' L3 z, O3 t# H# A* ~$ x/ m! {  1)超级链接的默认颜色是:未被访问的超级链接是蓝色、被访问过的超级链接是紫色;
; u3 J" o: B2 `$ k3 v/ [  2)要想使css定义的颜色起作用,在超级链接的文本的颜色属性中什么都不要填;   R1 }/ I2 r' b9 B, f
  3)若你已定义了文本的颜色,发现css中定义的超级链接颜色不起作用,你可以取消文本的颜色定义,或取消超级链接再重新定义一次,css定义的颜色就起作用了; & k8 s8 b8 b. [
  4)超级链接上各种状态下文本颜色的关系:一旦定义了被访问过的链接的颜色(a: visited),则当链接被访问过后,该链接的颜色不再改变,即定义鼠标在超级链接上的颜色(a: hover)将不起作用了。若不定义被访问过的链接的颜色(a: visited),则当鼠标在超级链接上显示a: hover 中定义的颜色,当鼠标移开时显示a 中定义的颜色。
( i' ?% U# X3 B0 a   从上述可以看出,文本链接的颜色实际上只能在两种颜色之间变换,并没有象有些文章中讲的那样可以在多种颜色之间变换,但由于用那两种颜色可以任意,所以应该讲颜色的选择范围还是比较大的。
3 O  }% I" i' X
$ w6 J; G, d& ?# @, I, C+ i" B- j2 E有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。如何实现这种效果呢?
; F- d- K* M% S  可用层叠样式表(css)来实现的,在dreamweaver3中编辑层叠样式表不用编写代码,具体*作方法如下: & e1 C+ U0 h% {& u
  1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示"show css styles"的那个按钮),在弹出的css styles面板上双击(none); 8 }: @+ `/ c6 O. C: q/ x
  2)此时,可看到弹出的edit style sheet 面板,在该面板上按new按钮;
  S% T: D5 h4 a" k; f  3)再在弹出的new style 面板上点取redefine html tag(重新定义html标记)再在tag中选择"a"(超级链接标记)标记后按ok按钮;
; v7 _) o' e/ a+ ~; ]* V  4)这时可看到弹出的style dehinition for a 的对话框,在此对话框中可以设置超级链接的许多属性,你可以按你的意愿设置,但我们这里主要是要去掉那讨厌的下划线,所以我们在decoration 属性中选择"none",这样就把下划线去掉了;然后我们再选择颜色为:#339966。按ok按钮返回到edit style sheet 面板;   i( @0 |! z1 Z5 ]' n
  5)在edit style sheet 面板上再按new按钮;
: O) k8 I9 A7 G5 z  }  6)在弹出的new style 面板上点取use css selector ,再在该面板上的selector选择框中选择"a:hover"(定义当鼠标在超级链接上时链接的属性),按ok按钮;   [4 e( D% D/ z  g. S. D5 h
  7)在弹出的style dehinition for a:hover 的对话框中,我们在decoration 属性中选择"underline",这样就把下划线又加上了;然后我们再选择颜色为:#ff3300。按ok按钮返回到edit style sheet 面板;
& D1 X; v7 V1 z( P6 W  8)在edit style sheet 面板上再按don按钮,至此所有设置结束,你在dreamweaver3的源代码检视窗中将看到在与之间如下所示的代码:
9 r0 P( V* A3 j# }/ W9 r+ O; A" v  
5 ?6 P1 {, U) S  2 k% W+ `( E9 t9 c5 C6 w
   # o. e3 A5 r5 a, h: e8 `
  有了这段代码,你在该网页上的所有文字链接在浏览器中显示时没有下划线,当你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。若你想在其它网页中也具有这种效果,你可以用上述方法设置或更简单点,直接把这段代码复制,粘贴到与之间即可。注意:若不是在a 中定义除去下划线而是在a: link中定义除去下划线,在实际使用时不能除去下划线
 楼主| 发表于 2005-1-3 14:02:04 | 显示全部楼层
在网页中实现细线边框的两种方法
0 [+ m! P' K' j+ Z2 d9 V; h# o
7 {% X/ A1 Q" _1 U* a很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格。这样不仅有利于网页的维护,同时,提高了网页的观赏性。在众多网页制作风格中,细边框这个制作方法是必不可少的。这里,我将简单地谈一下细边框的制作方法。
- w" }. T' l2 N7 f$ C* y5 b& [" b  n2 o: F: L
  谈到细边框,本人认为大致有两种制作方法,第一种是用表格的嵌套,第二种是用CSS强制定义。
+ R' k. t$ P1 B1 c/ }- w   ! w) O1 s: ]2 m) H% o
  如何用表格嵌套呢?大家都知道,用Bgcolor可以在表格中任意定义表格的背景颜色,用Cellspacing可以控制表格单元的额外空间,如果定义两个表格,把其中一个的表格背景设为全黑,然后在这个表格中嵌套定义另外一个表格,背景设为全白,并且把Weight=100%。这时,两个表格是重叠的,但是,如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说,黑色的表格比白色的表格多出了一个像素的外围空间,而白色的表格又在黑色表格之上,从而达到细边框的效果。源代码如下:
, m, \. p/ X6 @: e2 S0 t8 p8 G. u3 ]- L7 L! ]4 w9 \* r9 n
  〈table border="0" cellpadding=0 cellspacing=1 bgcolor=black〉
3 |3 e: f8 w. G# ^5 D3 m% v- n$ L! [( ~& ^( e
   〈tr〉 ! t2 j% d, [7 }' R
' |/ ?  g% e' {$ b. z
   〈td〉 . e8 G+ }' A& V, R' ^2 b

/ C2 S  j6 C2 ]) W1 R/ ?$ i8 R   〈table width="100%" border="0" cellpadding=0 cellspacing=0 bgcolor=white〉
1 [* _* }' e8 o% `' s! r+ @; Y; v7 i. p7 J' {; J- y% f
   〈tr〉
3 h8 I- @8 k& E; L* n2 K. B
* w1 d- ]+ T- [) i' t% \) ]5 o   〈td〉9 Y+ l  p$ j& R8 V

1 ?% ^$ W9 u% p5 i/ f   〈/td〉/ d' \3 l0 `# k; q/ L

' k0 X+ l/ V' T# V   〈/tr〉) x9 l0 {0 i+ I% H/ b3 h1 Q
5 `% s" z4 r6 R! X% |
   〈/table〉
$ y& m/ i/ X% N  i4 B. M
5 ?$ {5 }: P/ \6 n   〈/td〉
; Q( n8 }+ j3 l& P; H/ K5 n2 w+ W# n/ n  l
   〈/tr〉% M4 x1 R9 \0 \5 [! I: J6 F, i
9 S+ H% n% V- k
   〈/table〉
- {/ p! W; T" H1 L' k! P1 Y( l6 T( i0 a7 H- S& }$ b0 U  }+ L
  第二种比较简单,那就是用CSS(层叠样式表)强制定义,但是,有些比较老的浏览器不支持CSS,可能导致无法显示你所要求的效果。不过使用CSS定义,语句非常简洁,所作网页的容量也较小。它的*作方法是,在表格的最外围的相应最小单元的〈td〉标签中定义style="BORDER-postion: black 1px solid;",其中,Postion的参数有Left、Right、Top和Bottom,分别表示在单元的左、右、上、下显示一条1个像素宽的实线条。+ |5 h$ k4 c' S
  B) m  W8 N3 |' m2 _6 |3 P$ k
  源代码如下:
* y4 t: @1 e% ~4 a! n
6 p, U. E9 e5 X& _* r7 ^8 q% E  〈table border="0" bgcolor=white〉* p) X! K, A5 s/ O3 a' p, m) K; M
9 `! ^+ r; N( b, c4 C. [; F/ }
   〈tr〉 7 A' B; o1 \1 q; z! C7 T

% Y- C( R2 A7 t2 y& R* s   〈td style="BORDER-left: black 1px solid; BORDER-top: black 1px solid;"〉& t( d: p( _; e% x' G

; s7 p, h: |: @( |   〈/td〉; N3 ]4 B) Y. J! G4 H+ w/ Z

# [' ~" w- E4 G5 N; S- m   〈td style="BORDER-top: black 1px solid; BORDER-right: black 1px solid;"〉: G. `5 g0 C; O  s. x4 p: {

" o1 E3 O9 f+ W0 {4 d. A! B% Y$ s   〈/td〉& [1 B3 `' u7 v$ M7 M' @
. H: G& i: e* p$ o- v' _
   〈/tr〉
5 x: K9 |. t2 W" e6 Q# D# _9 U
( ?2 e) Y- d1 P) V; i   〈tr〉
8 p4 e0 i1 Q" M0 N2 h0 o( C* \+ ^& o6 n7 h( S3 J
   〈td style="BORDER-left: black 1px solid; BORDER-bottom: black 1px solid;"〉8 ^! k# B* R7 J6 h6 E8 J

4 S1 V1 d( Z1 r1 d   〈/td〉
) u# @" P3 _( H9 ?1 J2 V3 l0 ?& ~& \
   〈td style="BORDER-bottom: black 1px solid; BORDER-right: black 1px solid;"〉) O/ u( N9 Y2 p( [) w9 P

& d) v* k! ?4 @- d1 ?
% o$ j7 g0 B/ V+ K   〈/td〉( Z- \- Z7 l. P

2 Z: A! h# [# E- f   〈/tr〉
; A( n* G3 ~/ U+ }( X. B2 i& {7 T3 R6 M( m& W
  〈/table〉
回复 给力 爆菊

使用道具 举报

发表于 2005-1-3 14:13:32 | 显示全部楼层
收了
回复 给力 爆菊

使用道具 举报

发表于 2005-1-3 15:37:36 | 显示全部楼层
这些很实用
回复 给力 爆菊

使用道具 举报

发表于 2005-1-3 19:49:38 | 显示全部楼层
不错,加分!
回复 给力 爆菊

使用道具 举报

发表于 2005-1-4 11:25:02 | 显示全部楼层
谢谢
回复 给力 爆菊

使用道具 举报

发表于 2005-1-4 16:19:11 | 显示全部楼层
有用的,我也收
回复 给力 爆菊

使用道具 举报

发表于 2005-1-4 16:21:48 | 显示全部楼层
真的不错,谢了
回复 给力 爆菊

使用道具 举报

发表于 2005-1-4 22:14:58 | 显示全部楼层
这个是基础,很实用.不错!
回复 给力 爆菊

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

联系我们|Archiver|手机版|小黑屋|TGL论坛

GMT+8, 2026-8-6 16:41

Powered by iLang

Powered by Discuz! X5.0  ·  © 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表