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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
! Z' |8 ~* E7 n　　字号缩放
4 e5 M$ V( C. w/ Q: [/ a, [　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
6 D' T, Q, h; u: {: ]+ P7 ]

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>

复制代码

$ _+ q+ e& ^; a
跳转菜单新窗口
4 B7 h. f7 q/ c# x- W' g

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>

复制代码

; w7 f! t$ y# r/ O8 G# K' l" j4 ?添加到收藏夹和设为首页. L) y! O3 M) E$ ~
　　添加到收藏夹
( v4 Q: _3 |7 W1 v: b' L* s

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

复制代码

& C  h/ ], F6 g6 J8 B
设为首页" g2 O; i2 }0 a+ P0 J

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

复制代码

" I5 }2 K& D# k3 q6 O
打开窗口即最大化. }4 F4 \  _0 o* W3 Y. Z

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

复制代码

% p- T6 Y% m; D! |; [
加入背景音乐1 w6 W7 ^" n) y9 k6 `! H  c/ [) A" e

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

复制代码

6 A. P2 ?! k4 F* M" T* A: l& w; n9 q
对Netscape ,IE 都适用
2 r. i; _) ]4 P: s% \+ f: g1 {1 [3 S* H* [; G, E2 {3 T7 J
防止点击空链接时，页面往往重置到页首端* ^+ ^: s( W8 c1 W) ^
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
9 b, i% ?& g6 j/ F5 ~　　6 d- e' `) i: Y; s- ]. K% ]0 S
自动换行! K7 r+ t. y3 P9 d( e% Z

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

复制代码

$ [0 ?  K) f' Y- d! ^# X0 H
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观