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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 " k1 `7 P* o. @3 b0 |
　　字号缩放  ?& q$ Z) N7 w0 f% f9 G
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)& ~3 ?6 C5 C) V) G) l8 F, J

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>

复制代码

; c0 c' d) _0 E9 A
跳转菜单新窗口
1 w( A1 X& |- |5 o

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>

复制代码

# f- {) z9 ~5 `' C+ m1 Y添加到收藏夹和设为首页9 p7 |/ ~, s# P- C, H! b- ^
　　添加到收藏夹! K. `) l+ l3 f# C, t) y4 q

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

复制代码

) y7 |! p/ N" i  I设为首页
6 h( H8 A2 c' ?* I4 Y7 f& \; }

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

复制代码

0 o  |, V2 s% `打开窗口即最大化
) L& |2 K$ V) O7 z' M$ Y

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

复制代码

  l6 S9 r* n; l1 ]- y6 t加入背景音乐0 A/ R5 d7 l0 s8 E! V- u

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

复制代码

7 a* m2 i* `; G! j! k
对Netscape ,IE 都适用
! ]5 E1 |& C- e1 L! E# K( l+ W4 W2 c, ~3 f, k& m0 |+ @
防止点击空链接时，页面往往重置到页首端
& M5 k6 o2 j% Y6 t( y1 O　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
* m4 L, t5 y, I; m5 F' i) _　　
% x/ E; B2 G3 P: U5 @1 ]) {# B: [7 z自动换行
# v9 o8 e; U# i2 |( {

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

复制代码

: n4 ]4 v" r% |. S5 t6 ^- k
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观