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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
7 m* v' \, B2 y/ |1 N　　字号缩放* j, t  k% y2 y. I9 c2 C
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
1 x* h4 W& {9 P5 `

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>

复制代码

1 [! N; R. v; @1 i
跳转菜单新窗口
7 Y( {, o* A4 `

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>

复制代码

/ g9 \, f7 n- g7 b" w添加到收藏夹和设为首页
& c6 ^$ F0 R/ w. |" \　　添加到收藏夹
& |3 I! ^# d5 Q; z6 ]

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

复制代码

  t6 r2 C# K2 w4 F9 B8 w
设为首页# j) O  X1 p# q" R) d8 T' S

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

复制代码

9 s. Q* S% e6 f* Z
打开窗口即最大化5 K- D3 i6 r% Y

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

复制代码

$ W: L: ~1 D- q  U, A# M7 }
加入背景音乐
, c/ ^2 R1 `5 [3 M8 w) a8 a

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

复制代码

+ h  _) A6 Z0 g, y* j对Netscape ,IE 都适用
7 v" R4 k* i$ r  e. [4 I# F* J- x+ Z5 O* }6 n5 F$ U6 g8 O
防止点击空链接时，页面往往重置到页首端
, ]) X! u- U; d　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
1 D$ N9 c# `# l; O1 F, j( M　　! @( f  A  {; k" j" y/ x2 z6 e
自动换行6 j3 _5 M2 k$ h/ A6 Q0 e$ [' @

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

复制代码

/ h2 R. l+ c, f8 Y3 Z9 k+ D4 t
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观