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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
. }' j2 z% I& n# D$ p) @0 m　　字号缩放
/ O6 C; }! |/ D- ]% T　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
* R- r( F) @, c2 B+ A* ^4 A( k$ 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>

复制代码

# T5 Z/ ?! J. D# m; `! Y
跳转菜单新窗口
, o5 U# X& H* N$ |" 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>

复制代码

8 U! v+ j' a9 L3 P: c. U3 E! \
添加到收藏夹和设为首页: `# E/ }, X9 U, Q9 w3 }/ q
　　添加到收藏夹
  g: f8 v, J) D: p5 W) ?; t: L

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

复制代码

  J/ H# p2 b( @) X6 _设为首页
1 _% p* z; g, U0 D0 t' D- d7 d

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

复制代码

# q) y- d3 U2 L- B" i3 I
打开窗口即最大化
1 |( g  `9 f; G+ X* f

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

复制代码

6 P! ?2 a( f1 `加入背景音乐
4 I' D4 ^# V: J( H' q

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

复制代码

& y: u- d$ N* p6 e对Netscape ,IE 都适用
: ^' B+ D" w) s, r' c6 C/ L& f* r; t; ^8 j& H# g& H3 Q
防止点击空链接时，页面往往重置到页首端7 a/ y% s/ v' F! G  F. }
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？; q+ A8 Z9 R- I
　　
: q+ N8 ]2 Z0 ^  L) x- T自动换行
1 g1 ?7 w9 j. S4 [5 e

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

复制代码

- X, j7 F6 E" p5 Y
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观