捌玖网络工作室 » 建站交流 » 网页设计常用的Javascript特效代码

admin 发表于 2007-11-4 11:54

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

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。
xfcJ _$G 　　字号缩放4YTV dfi$WT ~*g
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
WC&g
L*BL @u [code]
JO O6a/paUO!j <script type="text/javascript">  
8|Xh_6LlF function doZoom(size)  H%xj.Qm+W;?]
{document.getElementById('zoom').style.fontSize=size+'px';}  
l4EM*AJV5M </script>  'dM2u
G3I&]"e@
<span id="zoom">需要指定大小的文字</span>  )GmaS'r]%U&m
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>[/code]
z*tr BS9bs 跳转菜单新窗口
w9T,Q|3k [code]
m"m~2u)G"o'R <select name="select" onchange="window.open(this.options[this.selectedIndex].value)">  
%}:MM0c#D\ <option value="http://www.microsoft.com/ie"> Internet Explorer</option>  Q+fMss,|R
<option value="http://www.microsoft.com"> Microsoft Home</option>  
'Udw z3@rv <option value="http://msdn.microsoft.com"> Developer Network</option>  J_;_1j0Cm'd!kh
</select>[/code]
)l:}%r2B{0Ho
k)w 添加到收藏夹和设为首页7l6}J3d(q5m$x
　　添加到收藏夹0Ty@jb FkkZ
[code]
)d+lhsH`:D:X,b <a href="javascript:window.external.addFavorite('http://链接','说明');">添加到收藏夹</a>[/code]gM4n#h:DMJ-g
设为首页
.M-_~;Nz^F [code]~5kV4]6b3o4{'f
<a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');>设为首页</a>[/code]
GHSAYi{5G 打开窗口即最大化k8^u\|vo,z.r4t3k
[code]
9u
Q3f,]"| <script language="JavaScript">   p ?7vI*\uj
<!-- Begin   
I;\@_ VC2^H self.moveTo(0,0)   
e,g7Z;?s/v6yaL4lb self.resizeTo(screen.availWidth,screen.availHeight)   D6CRpr(?
// End -->   &K`0t;V;k z t
</script>[/code]-k-v/?Iw]
加入背景音乐
(K)A8k[0V l1Oo
b [code]
_k&C;Pgi0H1D T;_ <bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE  
%J N7a;qwb1E <embed src="music.mid" autostart="true" loop="true" hidden="true">[/code]
#Po{"T0j 对Netscape ,IE 都适用 6[~D0hBV%x"r

n2_ OQfoc_| 防止点击空链接时，页面往往重置到页首端j ggd3{6e1r+c*jb O
　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？M#W\$Bc6C d_8^(i
　　S@EQY` }
自动换行
0KE8}U.jj\
K [code]
b]GCsE)P0V style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"[/code]#WY4IGX [f
只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观

查看完整版本: 网页设计常用的Javascript特效代码