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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
- H) V' h7 r2 H( ~6 e　　字号缩放  a) T# F% m+ A8 j& b3 j9 B! g$ B
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
5 i0 D- j5 V+ }3 ]2 R+ i6 E& Z* _

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>

复制代码

: o4 R6 j* o: S- X( H跳转菜单新窗口
- @4 L/ x) R* ^4 S. f( ?5 P% W

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>

复制代码

! g+ ^) ]1 s( b, s1 a
添加到收藏夹和设为首页7 a3 ?8 ^' r. o
　　添加到收藏夹
- V' m2 w+ I+ \7 f1 d3 g

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

复制代码

- ~6 Y* U( p0 i  ?: ~# p+ w0 u设为首页
0 R6 `4 N/ `/ V8 R9 _" q

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

复制代码

' u( N( \6 c( l9 b* }$ p
打开窗口即最大化
8 x6 {) A2 ^; |' O! s

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

复制代码

3 Z0 @: j; X; A" u$ M$ \6 z3 w加入背景音乐
0 z0 [# B! ?7 q& c9 r  J

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

复制代码

3 r/ D( d9 R0 j2 E- Q对Netscape ,IE 都适用 - [7 ?# B  d8 T% L% h4 B
, f  ~) Y7 U8 Z
防止点击空链接时，页面往往重置到页首端
& u3 e* L9 e" T# ]; K7 W　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？3 H0 s* b0 W" L  q( k
　　
: p( {3 A& w* i+ n0 r. P% B! c( Y1 l自动换行1 ^% v* R0 k' M7 j2 P, `

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

复制代码

+ s4 F$ s: X. |  z只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观