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

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

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

实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 ,k$YO4S$u/s7d8~9G
　　字号缩放do ffV|%N[
　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现)!}5~I }4|-U9J%S7M
[code] GQQ As
<script type="text/javascript">  L3XQHa2f4` ]n
function doZoom(size)  
flJ8ME{ hh {document.getElementById('zoom').style.fontSize=size+'px';}  5|nF'Y!A1`_,z
</script>  h~2^7D3cD,nJ0QmG
<span id="zoom">需要指定大小的文字</span>   s#?&B"lCw%O7T[ h
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>[/code]'\O'] nwL
跳转菜单新窗口7?@qM#l |ZqeA2F
[code]
-m4S%z S;X)B c_ <select name="select" onchange="window.open(this.options[this.selectedIndex].value)">  ]#W!KA1Wc
<option value="http://www.microsoft.com/ie"> Internet Explorer</option>  
?;l)x!~M <option value="http://www.microsoft.com"> Microsoft Home</option>  |)r;VjS n8C/t
<option value="http://msdn.microsoft.com"> Developer Network</option>  
7A#M0I6A/n:A1p-L#@0_ </select>[/code]Xd*a/C6@l4b w.C
添加到收藏夹和设为首页&g^q!['U[tNMj0U
　　添加到收藏夹
aa\&?rJ$W1k [code]
;x(e K1^y.\ <a href="javascript:window.external.addFavorite('http://链接','说明');">添加到收藏夹</a>[/code]o$uy8X\k*u;G/a m}
设为首页_E|X7z{@by
[code]
{ r,sg
Q#I)gt <a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');>设为首页</a>[/code]
M3E]R7M.g&`$I5^ 打开窗口即最大化
&OlW/p.Z0v;`J"w [code]m6]m D;S
<script language="JavaScript">   
Jy N^JAj ] <!-- Begin   L-w&hA{8Zu
self.moveTo(0,0)    /hAJ i$[
]-A
self.resizeTo(screen.availWidth,screen.availHeight)   +Y#?-spz)F^"s#T^
// End -->   
2I0R'e#d7~a </script>[/code]
!a)bmV?'[+j 加入背景音乐
AkO]}
Z a[b*g%k [code]
t}w8sj <bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE  
8C3gzZ ]$X9@]c <embed src="music.mid" autostart="true" loop="true" hidden="true">[/code]
WP*h.Oj`!LM 对Netscape ,IE 都适用
` G'`8L1O4Wk TvN~c(l.dB
防止点击空链接时，页面往往重置到页首端
t2Yl&J;k+Oh\ 　　代码“javascript:void(null)”代替原来的“#”标记，也可以用“#nogo”来代替啊？x z9{
G8m}?
　　
uZM8a0Y-P 自动换行BQp8w*BbT9I)SCK
[code]Z/n&e3o8O,]|,L|1dU
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"[/code]
j i pbA%{IQp 只对IE有用...FF的话用overflow:hidden来解决，不至于影响美观

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