捌玖网络工作室's Archiver

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

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

实用的JS代码片段——网页特效代码很多了,这里收集整理的是一些常规的比较实用的JS代码片断。 9n.i*rMC.]P4`-^5`,?b
  字号缩放K sEm%z&Yf%h)V2m
  让文字大点,让更多的用户看的更清楚。(也可以把字体变为百分比来实现)
E TO~9M b/w6c [code] 4J sf A C2Ge1n
<script type="text/javascript">  4a7Dr.Z1I
function doZoom(size)  
0l8W'P(i8jH-RS {document.getElementById('zoom').style.fontSize=size+'px';}  
LW~M[ </script>  /zA.?ggrcY hw
<span id="zoom">需要指定大小的文字</span>  {bs7ZP CHTj
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>[/code]-c#S3v ]9Fb rc Ei#l'p
跳转菜单新窗口
%a Fu,AWJ[k-J [code]L4X+uEf
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">  
7N+I7P2is1g$U8l q1G <option value="http://www.microsoft.com/ie"> Internet Explorer</option>  9_:{R!@"K;_ rR.W(W
<option value="http://www.microsoft.com"> Microsoft Home</option>  
,]Xb k^?6|%c oi <option value="http://msdn.microsoft.com"> Developer Network</option>  8D~MP3B$Jp
</select>[/code]
G%D:{Lo 添加到收藏夹和设为首页
3Yh5S N%a _   添加到收藏夹9^sWaj/R.YKu@
[code]tZ5W JQ S{
<a href="javascript:window.external.addFavorite('http://链接','说明');">添加到收藏夹</a>[/code]
*gZOj~"f 设为首页/J:?FF4c0MK~)WK R
[code]+@5oa6\rF2|N P
<a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');>设为首页</a>[/code]X j.X'u%|
打开窗口即最大化
?*S%L~'[0A4Q9t1h [code]
7n_;gUc*w M <script language="JavaScript">   \3S(w^ ] s
<!-- Begin   
;C.? UT n8Q3ge self.moveTo(0,0)    4V6]1u1jcad`/g-u
self.resizeTo(screen.availWidth,screen.availHeight)   
QU`%Zk+\ // End -->   G D;Dqp
</script>[/code]g2n K Hv
加入背景音乐-Jr Y/P1Y V
[code] RC[ ~&Q$u#rL
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE  
G"AL,NH ix4@ <embed src="music.mid" autostart="true" loop="true" hidden="true">[/code]5s9Bpb4[`
对Netscape ,IE 都适用 d+vW4[$d

W;^#aW{3V 防止点击空链接时,页面往往重置到页首端
#S:we`+\5M   代码“javascript:void(null)”代替原来的“#”标记,也可以用“#nogo”来代替啊? yT0?6oZ _ B
  Z}I X1h q Cz2Y0T)b
自动换行
OnNI g [code]T-UOR+m
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"[/code] ez$|1hi9|&[4uA
只对IE有用...FF的话用overflow:hidden来解决,不至于影响美观

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


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