透明度应用:初始化页面的特效
在制作网页的时候,适当的加些初始化的特效
会给人很好的第一印象。
今次,我就和大家谈谈filter的用法之一 => Opacity
Opacity就是透明度.100就为不透明,0则为全透明。一般的JS语法是:
object.filters.item(0).opacity
以下实例说明了他的一般用法。
<html><head>
<title>Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
body { background-color: #0066CC; filter: Alpha(Opacity=0); background-image: url(http://www.oso.com.cn/image/logo.gif)}
-->
</style>
</head>
<script>
function ol()
{
if((document.body.filters.item(0).opacity+=10)<100)
setTimeout("ol();",1);
}
</script>
<body bgcolor="#FFFFFF" text="#000000" onload="ol();">
</body></html>
其实Opacity可以用在网页中任何可见的元素中,例如图片,层,字体等。
以上的只为个人意见,有更好的请和我联络
在制作网页的时候,适当的加些初始化的特效
会给人很好的第一印象。
今次,我就和大家谈谈filter的用法之一 => Opacity
Opacity就是透明度.100就为不透明,0则为全透明。一般的JS语法是:
object.filters.item(0).opacity
以下实例说明了他的一般用法。
<html><head>
<title>Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
body { background-color: #0066CC; filter: Alpha(Opacity=0); background-image: url(http://www.oso.com.cn/image/logo.gif)}
-->
</style>
</head>
<script>
function ol()
{
if((document.body.filters.item(0).opacity+=10)<100)
setTimeout("ol();",1);
}
</script>
<body bgcolor="#FFFFFF" text="#000000" onload="ol();">
</body></html>
其实Opacity可以用在网页中任何可见的元素中,例如图片,层,字体等。
以上的只为个人意见,有更好的请和我联络