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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 , p. _) t! V7 R+ j: k: r
　　字号缩放; y8 @- |" t- F
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)- w* N: o! j! y

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>

复制代码

% R% D% q4 X+ N* B) R; i
跳转菜单新窗口
2 k" i9 N6 {( V4 X9 F& h

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>

复制代码

. G) c0 t* K) d2 q( A2 B! M添加到收藏夹和设为首页
/ e3 q; G; Z- n, _* u' F+ L) m4 E　　添加到收藏夹
8 b0 N, M( |& I9 ^0 v5 F

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

复制代码

' \- D; ^% F5 [1 q( D设为首页# u8 a% e1 b3 I' l5 z7 b5 k$ H, o

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

复制代码

) g' t' f, R- f# k% [- D
打开窗口即最大化
6 E& z2 D- y) K+ u3 g) E& C

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

复制代码

' }8 ?+ l  R8 n3 w/ N+ ~
加入背景音乐: Z2 k0 T$ J9 \( B. [5 H( P& c

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

复制代码

+ L7 c+ r) t0 l+ w
对Netscape ,IE 都适用 7 \& D: Z1 G4 F
& x4 ?9 v* D3 n3 d. D$ g
防止点击空链接时，页面往往重置到页首端
) N" E* B  q  v  d4 u  m　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
9 n2 S; a# G* W) n# M4 z　　8 f5 {. U0 g: |3 ?+ N" Q, y* G
自动换行
, X8 y, V0 ~9 u

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

复制代码

4 W: L6 c; a  G9 x) |: `3 Z4 v
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观