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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 % W' T( U" B* S+ s9 {
　　字号缩放) l$ U5 O, u9 f9 R; u, m
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)* y, v- r) k0 Q  N, p

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>

复制代码

( w/ U& D! `: R, B0 e
跳转菜单新窗口0 g/ p  c& d: _4 F9 v& Z

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>

复制代码

$ u% K9 e' `# ^/ h1 }! d  X6 e添加到收藏夹和设为首页7 t. D9 |# r1 f" _- W& C8 y
　　添加到收藏夹
, c! A5 _5 i# V* `, E

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

复制代码

- j2 d# [0 M; a+ f; r; I1 ?: [! h
设为首页7 y8 C0 h6 Q# u" R

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

复制代码

9 [8 i, g% _* ?. q3 o; |
打开窗口即最大化" h1 ~4 J9 \$ _& H* s

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

复制代码

* j& U2 Q9 l2 Y  y1 c1 Q
加入背景音乐
) R. I! m" U# C% ?3 W. O! Z4 t# P

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

复制代码

7 \* s. s7 {( k" H9 Q
对Netscape ,IE 都适用 ; O1 ^2 c6 A* ?& G% a1 d

3 A5 `; I6 ]+ P6 }% s4 d1 }% G+ z防止点击空链接时，页面往往重置到页首端
* P7 H( }) O1 S5 X2 [　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
, i) [# P+ v0 k' j　　) @8 S* b9 |' e& ^/ h/ y" A# ?$ G. P
自动换行/ z/ @5 S& w+ L$ t

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

复制代码

7 {& O! Y' H/ \只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观