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

admin

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 + c- Y$ K. b8 t
　　字号缩放
) F2 A: T/ H3 R- l9 R: ?5 N6 S9 K4 `2 ]　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)  U- A' U6 Z+ I: t2 m5 q6 s( W+ W7 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>

复制代码

" Z( N5 ]) M9 n- m, S7 U: ]
跳转菜单新窗口+ ^( m0 r8 v/ h

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>

复制代码

2 c6 D2 E7 n7 P% W2 g) f添加到收藏夹和设为首页7 O- n' c0 B5 u5 A: @5 }/ {, v
　　添加到收藏夹" @4 l9 K# H+ z6 x' _  R3 y

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

复制代码

8 q7 D0 g. S! M( J) z1 [+ W! B
设为首页' U8 E' G. s/ o% `* _) K4 G+ z

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

复制代码

" z5 |' O; D! \8 X  B6 M, T3 K3 z
打开窗口即最大化
. t1 k7 G/ e+ D: X( \1 e1 ^

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

复制代码

8 K% o9 A' I9 t7 ^! P8 X2 X, D
加入背景音乐
% a, Y) s# m$ D& E0 A: a: b

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

复制代码

/ w7 G2 ]* a+ Z: `8 r$ B
对Netscape ,IE 都适用
) K- X4 z$ {  p
3 S8 a9 e" R# ?8 E$ u. f& l6 j( G$ e防止点击空链接时，页面往往重置到页首端
) ~* g+ B  T% a: X　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？
4 z5 R# I' o! i. H6 f* ?" l　　
8 g1 W- v4 ]: B5 U自动换行
# s( B+ K& T: D. V. F

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

复制代码

: d$ G; U0 r) X' I' I只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观