动态网页制作(一)

透明度应用:初始化页面的特效

在制作网页的时候,适当的加些初始化的特效
会给人很好的第一印象。
今次,我就和大家谈谈filter的用法之一 => Opacity
Opacity就是透明度.100就为不透明,0则为全透明。一般的JS语法是:
object.filters.item(0).opacity
以下实例说明了他的一般用法。

 1<html><head>
 2<title>Example</title>
 3<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 4<style type="text/css">   
 5<!--   
 6body { background-color: #0066CC; filter: Alpha(Opacity=0); background-image: url(http://www.oso.com.cn/image/logo.gif)}   
 7\-->   
 8</style>
 9</head>
10<script>   
11function ol()   
12{   
13if((document.body.filters.item(0).opacity+=10)<100)   
14setTimeout("ol();",1);   
15}   
16</script>
17<body bgcolor="#FFFFFF" onload="ol();" text="#000000">
18</body></html>

其实Opacity可以用在网页中任何可见的元素中,例如图片,层,字体等。
以上的只为个人意见,有更好的请和我联络

Published At
Categories with Web编程
Tagged with
comments powered by Disqus