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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 ) p+ n: t: V' g% X  u
　　字号缩放* }" C& f$ Z3 W, N( a1 [
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
6 H6 x' G( t6 y& n( 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>

复制代码

7 `/ S$ V2 n7 J  l6 b
跳转菜单新窗口% \% M+ b' \  w$ R) q, O/ S

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>

复制代码

" V! v2 ]1 _  g3 j7 ?7 O添加到收藏夹和设为首页
6 B, S1 @0 S! [　　添加到收藏夹
" @1 m% D- v6 w( A4 v4 ]% M- A

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

复制代码

; z2 N5 q( q- D6 Q2 @. K3 \设为首页; n, U& H* ?, f! Z) _

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

复制代码

7 C5 y8 x9 O  ^3 |% [" }5 o: U  x
打开窗口即最大化
* b6 T4 g6 R2 F4 _3 X- Z

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

复制代码

/ L6 m5 q! E+ ]6 W! F加入背景音乐
( Q6 q9 s9 R+ |* c5 l

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

复制代码

( G: P8 g; D0 T- F- Z
对Netscape ,IE 都适用 # Q' N% L9 ^# Y" ?/ ~

: U: Z: V% z. e# S5 D# g* m防止点击空链接时，页面往往重置到页首端% n$ z% G8 T$ B9 ]6 j9 G  B/ g0 |
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
) H2 y" \0 `; Z  o4 q5 E　　# v9 m( P1 t) F6 C# ^; ], S& f# ?
自动换行
& `$ S3 U( k- k0 _; v) Z% I

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

复制代码

& r9 J  t* ]) u6 d6 i2 g( u只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观