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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 5 V5 |6 K: i8 Y' Y0 {" a, q# k
　　字号缩放* Y2 M  ~/ D% A* J
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现); C1 d- a$ J  e

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>

复制代码

4 f, K! x! o6 {! k- L' Q" j跳转菜单新窗口2 h2 K4 G: U5 e1 v! d* M

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>

复制代码

, J* _6 z1 z: l. H添加到收藏夹和设为首页/ f/ ?& ~3 f  s* v
　　添加到收藏夹
5 J  ]4 y- a+ j

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

复制代码

- y$ }, H. r5 J) Z1 T
设为首页; V# v! k8 c0 @4 Q8 j; h, [

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

复制代码

7 j6 T( E3 U0 A" j
打开窗口即最大化# _# b- S8 i4 ?; F* O  J/ a5 }7 K

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

复制代码

7 q7 h+ T( O; x! i2 }/ `
加入背景音乐
- y! L8 H* I. P

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

复制代码

$ q, ~4 n4 ^; a! O7 X5 Q! R对Netscape ,IE 都适用
2 d( u* H3 t5 D' w) y
4 s6 L. p' F2 }9 m防止点击空链接时，页面往往重置到页首端
5 H* \" r) j7 m2 L$ O9 |　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？4 J4 n0 D* F" l- H
　　( u% j  b) [& J0 A# Q
自动换行6 `. @9 U! e0 k+ E+ j+ I4 S2 o

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

复制代码

5 w7 d! O. F3 T4 i0 L3 I3 w只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观