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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
  u3 K3 H& ]# @) [+ W" I& {　　字号缩放
# s+ J4 g2 [: F# S  z, A$ d　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
( C  c+ f/ p9 U5 a. `0 o

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>

复制代码

9 f( x7 D; T* T: d
跳转菜单新窗口
0 o/ Y, @# [# v$ D1 N

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>

复制代码

/ L% Q2 m) U9 K- D. x添加到收藏夹和设为首页
1 S. O7 Q9 \' q4 G　　添加到收藏夹
" E+ E2 X( b+ a! M0 [

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

复制代码

1 Y+ m# l: i9 Q9 f" t% {8 C设为首页
" J. H* m4 q& S" z% B# g

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

复制代码

. a" e+ a+ _  F( f8 h
打开窗口即最大化
4 L2 A4 }4 t* @) g

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

复制代码

$ H, i+ n/ x. M8 o6 d
加入背景音乐) M7 J. N( f1 ]$ A2 y

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

复制代码

# H1 O5 B" ?5 v. f$ ~
对Netscape ,IE 都适用
" p* o5 l" m4 h# j8 _' L* b" F8 W; O$ Y
防止点击空链接时，页面往往重置到页首端! O" [' \6 h. {+ V' k$ l/ |* O. g$ J. ^
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？5 b5 C0 M5 g3 W- i
　　
6 g; E  D  M" Z' X自动换行5 H+ E% m: ]- _" I( p0 {; m

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

复制代码

5 ]- Z# d+ z. m* N, ?. N只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观