透明度应用:初始化页面的特效
在制作网页的时候,适当的加些初始化的特效
会给人很好的第一印象。
今次,我就和大家谈谈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可以用在网页中任何可见的元素中,例如图片,层,字体等。
以上的只为个人意见,有更好的请和我联络