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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
1 l/ p" O9 A, X$ @; I4 ^　　字号缩放
. C$ ~, e2 Z& p, I' l/ z　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)3 \, S0 l0 B; i1 W% o

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>

复制代码

% }3 k) @8 {2 d! l* m! G跳转菜单新窗口
9 y1 @2 r6 ~7 a+ s

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>

复制代码

- s- P' }, l; U$ j; L) e( ~添加到收藏夹和设为首页2 F0 \: ?, z6 c; w8 a( i
　　添加到收藏夹+ z3 s& D$ u. r

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

复制代码

. w" z4 N- x; H设为首页+ q1 f5 ~' b$ S- s

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

复制代码

* a4 b0 k" x% M8 j' K" c
打开窗口即最大化& i, `4 N% f: l9 }# y8 {3 }7 `3 B

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

复制代码

4 X& {, g; L# S; H加入背景音乐
, H5 C7 V0 @. e

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

复制代码

% O$ [( w8 x0 t; i对Netscape ,IE 都适用
) u. c9 o; Z& ^2 o- s9 S" ?$ [9 k/ D$ ]9 y( @! i
防止点击空链接时，页面往往重置到页首端
4 c& j/ R$ _; v. l2 j　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？* [# b0 h! Y9 l+ q5 G
　　# }% ~$ |, l4 F# {5 N# M# B
自动换行
" g% d. N* ^: D4 _, f4 ~: m0 x

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

复制代码

& y/ G( e0 \! W7 I
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观