网页设计常用的Javascript特效代码 Javascript特效

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
" R  j5 o: f# f* a2 i. @) C- i　　字号缩放: a! T. ?( @- o0 o) U
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
! w7 N" P' [1 b! O% m% S. W2 f3 {

1. 
   
2. <script type="text/javascript">  
   
3. function doZoom(size)  
   
4. {document.getElementById('zoom').style.fontSize=size+'px';}  
   
5. </script>  
   
6. <span id="zoom">需要指定大小的文字</span>  
   
7. <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>

复制代码

& v1 ^- _! Y; Y' _. i, V& V- R* w跳转菜单新窗口
& o0 L. {, C( G& V1 V3 J* ]

1. <select name="select" onchange="window.open(this.options[this.selectedIndex].value)">  
   
2. <option value="http://www.microsoft.com/ie"> Internet Explorer</option>  
   
3. <option value="http://www.microsoft.com"> Microsoft Home</option>  
   
4. <option value="http://msdn.microsoft.com"> Developer Network</option>  
   
5. </select>

复制代码

3 x/ @/ u9 A/ p) T8 K" H: [1 b5 ]
添加到收藏夹和设为首页
! D  n) e' f" }0 y; c5 @( ~; T2 R　　添加到收藏夹
+ F' T2 F4 n  f) V$ ]3 C8 R, u8 v

1. <a href="javascript:window.external.addFavorite('http://链接','说明');">添加到收藏夹</a>

复制代码

' Q7 B" }; D9 [0 s$ m8 y+ O
设为首页
1 O4 @' W7 n( g

1. <a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');>设为首页</a>

复制代码

  b8 J) G! k0 w) Q打开窗口即最大化# B' T/ v7 y2 [$ C' h

1. <script language="JavaScript">   
   
2. <!-- Begin   
   
3. self.moveTo(0,0)   
   
4. self.resizeTo(screen.availWidth,screen.availHeight)   
   
5. // End -->   
   
6. </script>

复制代码

, ?" p; x# g! W/ N3 W% `加入背景音乐$ h$ a( E( c1 H3 E; b7 }

1. <bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE  
   
2. <embed src="music.mid" autostart="true" loop="true" hidden="true">

复制代码

; A. t4 O! b8 i对Netscape ,IE 都适用
/ ^! B, u5 J! s9 c  e" b. L
1 Y* F) ^+ ^1 ]9 w8 f( H! k) q& V0 @防止点击空链接时，页面往往重置到页首端
+ O9 s3 ~7 v5 P$ y　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
/ d% X3 }' p4 M" z! h( ]5 f　　
, d3 {' P4 @. S7 J1 z+ k' s; `自动换行. _' m/ F' a" i( a/ M/ ]. v2 @

1. style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"

复制代码

4 D+ ]. T" f) b, o
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观