透明度應用:初始化頁面的特效
在制作網頁的時候,適當的加些初始化的特效 會給人很好的第一印象。 今次,我就和大家談談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可以用在網頁中任何可見的元素中,例如圖片,層,字體等。 以上的只為個人意見,有更好的請和我聯絡
|