捌玖网络工作室's Archiver

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

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

实用的JS代码片段——网页特效代码很多了,这里收集整理的是一些常规的比较实用的JS代码片断。 aA#j"F*x;A)S(YG
  字号缩放
_WU a Zr2l&I   让文字大点,让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
%y'_-JN*fZE9uR5T [code]
H*te:JPE7H Y <script type="text/javascript">  Ws4IR/I q
function doZoom(size)  
+ng g&|:TQ2~ {document.getElementById('zoom').style.fontSize=size+'px';}  wU m C"S o)wh$Y
</script>  xO}&L~BF\"v$c;`'Q
<span id="zoom">需要指定大小的文字</span>  
l kR8X#|[o0U <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>[/code] Vf?a#I6L
跳转菜单新窗口es1L8P!p$K$Cu1S
[code]
nT`7dg dl)yWG&{ <select name="select" onchange="window.open(this.options[this.selectedIndex].value)">  
6^C*@Wnp&o/ES1i <option value="http://www.microsoft.com/ie"> Internet Explorer</option>  
V1Kz+KcmtG <option value="http://www.microsoft.com"> Microsoft Home</option>  ,ZCUWu$O(o
<option value="http://msdn.microsoft.com"> Developer Network</option>  
1m.vfVbZ </select>[/code]"j3pX:b!Wyv8M+u
添加到收藏夹和设为首页$Bp4j5l.E@W)Hx4d
  添加到收藏夹
0L+Z*xD~ [ [code]tR7a3A!OW%{%d
<a href="javascript:window.external.addFavorite('http://链接','说明');">添加到收藏夹</a>[/code] r!V3A0Mo
设为首页
fG3FaKw t M] [code]
n$mZ-~6n <a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');>设为首页</a>[/code]V^|r7X]]
打开窗口即最大化
8k,{7w e+]+tw a E [code]
!?'@D8| vI <script language="JavaScript">   
3pi0t!f!g{O <!-- Begin   J @fo\B._'d TiL
self.moveTo(0,0)   
-hp {I&R3hp)U self.resizeTo(screen.availWidth,screen.availHeight)   
VQ;\ O8l // End -->   
;Ty4@}/\6`)c </script>[/code]^7v-^wK
加入背景音乐
-S f3S+s\"p2r7? [code];H6^ ?NU'XU K!dY
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE  
fu`._E)I&L$S0a5u.Tn*K <embed src="music.mid" autostart="true" loop="true" hidden="true">[/code]-pI2B8{KI%{
对Netscape ,IE 都适用
&E,d3P A;| |n3w y%Z G f/u Q
防止点击空链接时,页面往往重置到页首端W J;u;F"K6F~
  代码“javascript:void(null)”代替原来的“#”标记,也可以用“#nogo”来代替啊?
&[n|T5t6Q3V|   lS,[!| vD\2l/B
自动换行"s#C c@|+Yo/C+x
[code]@I"Y b1j SM2X a
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"[/code]Iy[u} |
只对IE有用...FF的话用overflow:hidden来解决,不至于影响美观

页: [1]
【捌玖网络】已经运行:


Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.