JS代码:


<
script language
=
"
javascript
"
type
=
"
text/javascript
"
>
function filter()
{
var img1 = document.getElementById( ' img1 ' );
img1.filters.item( 0 ).apply();
img1.filters.item( 0 ).transition = 12 ;
img1.style.visibility = "" ;
img1.filters( 0 ).play( 2.0 );
}
< / script>
function filter()
{
var img1 = document.getElementById( ' img1 ' );
img1.filters.item( 0 ).apply();
img1.filters.item( 0 ).transition = 12 ;
img1.style.visibility = "" ;
img1.filters( 0 ).play( 2.0 );
}
< / script>
前台代码:
<
img
src
="images/pic1.jpg"
style
="border:0; visibility:hidden; filter:revealtrans(duration=4.0,transition=23);"
id
="img1"
/>
JS图片渐显效果实现
本文介绍了一种使用JavaScript实现的图片渐显效果方法。通过设置图片的样式属性和调用filter方法,可以使得图片在加载时有一个从隐藏到逐渐显示出来的过渡效果。这种方法适用于网页中需要增加动画效果的场合。
3587

被折叠的 条评论
为什么被折叠?



