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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
* T. A( R  M9 d0 F/ d* A　　字号缩放
3 l* X0 C/ H. t% Z: W8 V0 y' E　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)  p8 Z  J$ T: G; c" G

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 a8 L8 _, T  k4 I# L跳转菜单新窗口
$ v' _+ m7 P4 R7 h/ f

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>

复制代码

! @! }, i9 D) a9 u
添加到收藏夹和设为首页% P8 S3 ^4 V) g3 a9 n1 C4 e3 s
　　添加到收藏夹
6 U3 l# n' j- n9 e8 @

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

复制代码

# }; y2 I* v7 C7 |设为首页# K  @. C8 T# x6 J4 V& [# o; |+ ^, d

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

复制代码

3 e( d% p7 i2 m
打开窗口即最大化" `9 T% i9 e; N) Y9 w2 B

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

复制代码

# C0 m  \$ e3 @
加入背景音乐4 h. Z6 ?* p9 v, C

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

复制代码

3 k/ E% ]7 l. s; f5 B9 A对Netscape ,IE 都适用
9 D6 w6 _) [: `/ W+ A, J5 ?
3 P: J/ M; x. [; `9 m& N6 V' _( [  E防止点击空链接时，页面往往重置到页首端
5 C3 Y" N4 z( b, s　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
$ l1 P4 C/ Y+ O& i　　
* ^; T* G* r) b" m" [6 Y6 Z自动换行
/ ^0 {$ q4 C1 H9 s7 a9 t5 ^! w

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

复制代码

- p0 E: [+ S( n% ?- u9 f3 K8 Z. ^
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观