动态网页制作（一）
日期：2011-03-09 浏览次数：21060 次
透明度应用:初始化页面的特效
在制作网页的时候，适当的加些初始化的特效
会给人很好的第一印象。
今次，我就和大家谈谈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" >
</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" >
</body></html>
其实Opacity可以用在网页中任何可见的元素中，例如图片，层，字体等。
以上的只为个人意见，有更好的请和我联络
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
