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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 4 F5 ?) G! g; V
　　字号缩放
: W* e/ O- v3 l! D  y2 e　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
$ S- n% {# u! y, W# |# a: B

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>

复制代码

# l2 n) h; l/ X( C
跳转菜单新窗口
: {- ~) ?8 a0 d0 ~

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>

复制代码

3 b( f0 D( }/ o$ v1 J  K2 g" w
添加到收藏夹和设为首页
* o$ h7 v, L6 A5 h+ Z+ U　　添加到收藏夹
* C3 P/ I4 Q8 K  ]' u* W9 q: ]

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

复制代码

( ^. G& B9 T, g0 I设为首页; g% Q, Z/ U. g2 I* @

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

复制代码

* J+ z) D, m* M
打开窗口即最大化6 I* Q/ Y4 v0 {6 u/ B. K5 ^

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

复制代码

& i2 e! c& ?7 O  Q
加入背景音乐7 `& w* `9 S$ l# ?. y

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

复制代码

5 j6 {3 y' V( ~0 d
对Netscape ,IE 都适用
8 a6 W& T9 b2 o7 W# u% T9 x4 Q( d% m1 Z+ t' v6 v4 a; _
防止点击空链接时，页面往往重置到页首端+ c$ s2 P0 i, A& x+ {8 i3 E, Z
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
, a) y/ k8 X0 w8 v0 b' ~　　
- d8 E- x# I/ L7 u6 U自动换行
: Y; J4 p$ o3 s* K0 N  L

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

复制代码

3 T2 o+ z3 T7 N# p+ ^% z( `
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观