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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 " N. e( W* P& C7 @: Q# Z6 Z' u2 {
　　字号缩放
. F0 l1 b; n% e　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)% d3 ^) i- F5 f& B# V, [- p% X9 T

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>

复制代码

' j. D+ [, u2 Y跳转菜单新窗口, J: t5 J" I/ h1 Z' L5 f/ R# P

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>

复制代码

* i* D; L: b' F. e9 L! s
添加到收藏夹和设为首页
* l9 Q0 c0 z( _& k9 N: T$ R　　添加到收藏夹
' |! i7 \# C; D  o

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

复制代码

6 Y  T8 u2 [# U( S设为首页
$ \5 v% a. [: N5 O! \0 V- J9 A

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

复制代码

2 R( W- X- Q( d
打开窗口即最大化5 V# y; o4 D# r3 g' M$ K3 s( X( q

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

复制代码

" L7 k$ x& O9 ]0 ?' b/ M" r5 P( c加入背景音乐* C- ]5 R8 H- S! e4 R5 t$ A  Y

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

复制代码

4 Y1 G* w3 ]; H8 \对Netscape ,IE 都适用 $ e" D1 o4 x2 Q0 U( Y) i
! }6 W$ L) z4 N5 w
防止点击空链接时，页面往往重置到页首端
4 F8 D/ r. t/ i2 E　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
1 G, A# `; [- b, F; n　　
  D" ~9 p  q3 }6 W# S# G6 e- J自动换行' A- _. q  R& J6 P! @" g3 _8 k) j

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

复制代码

7 ^' U3 v/ |8 W- {9 a1 }8 s; s: h6 E
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观