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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
& f7 o4 {. U0 _3 \: G- p　　字号缩放
' q, d, ?- J! L' h; O　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
6 Q% }& \, [; K+ y+ x4 E8 {

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>

复制代码

8 P# ]* d; {. ^6 b! K: P
跳转菜单新窗口$ X& A- h) ]# z9 \4 s6 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>

复制代码

. W% T1 H5 c" c% B" T) B添加到收藏夹和设为首页% U: U& z" U3 ~/ z
　　添加到收藏夹& i- t4 f, d$ O" @; x7 A& `

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

复制代码

* N% y1 B- Q; S/ n1 D4 T) w
设为首页
6 {, v! ^9 F) G, E6 s0 x

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

复制代码

& f6 n( i) v: `* s' u' e打开窗口即最大化
' Y# b; b( i- [8 G2 K% S

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

复制代码

1 H( _  h  F: M1 E加入背景音乐
1 j2 e8 U# h- S3 f" l  A4 u

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

复制代码

& h* }( I/ }6 v$ W- z对Netscape ,IE 都适用 - {' p9 A# P0 t) ?8 C& M# O

, {! m0 d8 Z. l: N8 ]( t防止点击空链接时，页面往往重置到页首端
- j* @2 t# N# c3 P4 P　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？5 Z, z- ~$ j8 m  g% u
　　+ m% h% Z8 \( y$ `
自动换行' l$ u3 y3 d6 d. G/ W$ @

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

复制代码

  D" f/ d5 c& S3 s
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观