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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 ( [' n2 N  U  A* a- @' J
　　字号缩放8 B4 J' c6 C4 e0 j$ C
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)2 ^# x1 v; u9 g6 y. b; l/ a

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>

复制代码

5 O) w8 G/ {* \0 _
跳转菜单新窗口( {! p5 c/ Z% z" I: [8 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>

复制代码

; b# d2 @! G8 U/ e' m8 U# K4 A/ s+ @添加到收藏夹和设为首页  O% ~- R) i/ ~& b! |6 ^2 c
　　添加到收藏夹
4 ]7 D, ^3 ~+ d( Z

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

复制代码

7 s; f1 |0 @8 m; w! Q% Q
设为首页2 ^2 [7 j$ K/ Q7 W' G

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

复制代码

7 M. k+ T+ r$ u& c3 Y/ c7 `打开窗口即最大化
  k- F* X# k& x$ ~5 i" q6 W4 Q

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

复制代码

3 e6 @  i$ Z8 @6 V" i+ d
加入背景音乐
* @4 w8 a/ J( L+ c8 j2 m

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

复制代码

$ N' P6 m) K/ F: P4 }5 g& Y( E$ \对Netscape ,IE 都适用
; i6 N; x8 |3 X0 C
8 N  J- H+ ~3 _2 ?; @. g- _防止点击空链接时，页面往往重置到页首端
2 I" q! _) U* g) B9 w) e$ D　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
9 N# \" f' k$ |7 H$ k( h　　
4 E3 U  Y1 B  i7 Q) x' t: N自动换行2 W: S* b7 ]$ h7 c9 H. ^% E4 q

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

复制代码

8 u- a: R2 Y: Q8 `2 g0 G# i: z) {4 q只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观