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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
7 x3 N" ^1 n9 S5 m( \6 g　　字号缩放
) C% [( j$ }/ H! w( v0 c1 f　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
8 e- X/ }( h( Q1 E# M8 v2 J; e( Y' z

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 U! B- s- N6 N  [跳转菜单新窗口
  Y1 y2 q$ n3 @+ l

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>

复制代码

1 R$ D7 \! L1 W
添加到收藏夹和设为首页
6 r! \4 X5 }+ T& }. I/ p　　添加到收藏夹
7 e$ |4 d2 Z- ~

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

复制代码

# F" e* {+ Z: ?: t9 y0 e/ N
设为首页- ~# r0 n5 c5 ~, K, j" J

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

复制代码

) `1 }( E( N" j& }, E, \+ d打开窗口即最大化2 D( F9 ?' q% ^7 U% V4 C4 P* ~

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

复制代码

& Y7 ^2 S4 c/ U0 n: n& I7 W$ D加入背景音乐+ P( ~8 q' t9 g$ B+ o

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

复制代码

/ N9 [+ s! b' E, \0 T) U对Netscape ,IE 都适用 ! r$ k  ?5 c1 [) @- p7 F' ?3 F+ p

# ^$ h* N# U$ d. T8 ~4 y1 e防止点击空链接时，页面往往重置到页首端
% J$ ]! T7 N5 h4 M3 y" y( G4 D3 _# H　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
6 f5 I& w$ @0 b3 ^/ J8 b　　: t+ G1 H) H0 e3 u! z
自动换行7 n; }9 ^1 I( u7 U$ E5 E

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

复制代码

) V, j( j5 }$ t  A  R只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观