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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
: L. @9 c  X+ D6 z$ i. A7 Q2 J4 m　　字号缩放0 N5 j7 o, M( A* H! q
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
' c1 h; s! q5 v: K- e1 \

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>

复制代码

0 `; N' Y2 d9 N/ e/ Q6 v
跳转菜单新窗口  x9 ~' f/ _. s+ b- A1 V  A

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>

复制代码

# X4 f7 H# d7 ^/ K! H: L8 w  x
添加到收藏夹和设为首页- {2 j' o# S* M* f/ R% |8 x6 M4 ^
　　添加到收藏夹/ c' F1 U9 o: {" ~7 N4 g0 F, A

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

复制代码

. w# r/ J0 W* `, [设为首页/ Q0 c# S5 S2 ]* h% F

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

复制代码

# H5 C7 [2 I9 d7 u
打开窗口即最大化
( z/ V7 J6 ?( n+ v- X* c0 N

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

复制代码

# K- E* Y3 @/ S( x
加入背景音乐% u" T0 v! F) L: Q0 X+ {  W

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

复制代码

. U9 p8 b, O0 M/ X* E对Netscape ,IE 都适用
( ~2 b( h8 p" q- j9 U7 i# P5 h
3 R8 J" {3 l, r! b' R: v( J( o防止点击空链接时，页面往往重置到页首端) y, ?: y5 c* @- b1 ~" e
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？" R7 W- R' J) i( \% d( S7 E" W5 T
　　+ x! r/ o- m+ Y& j" H; d
自动换行/ Z# ^3 _' e. t2 |; M  S

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

复制代码

  O7 E/ A  u/ I7 l% S
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观