0

如何为此特定代码添加淡入淡出？我希望图片在加载时淡入。对 Stackoverflow 进行了一些研究，但找不到任何有用的东西。一些帮助将不胜感激。

<script type="text/javascript">
window.onload = function(){
       var img = document.getElementById('img')
       if(img.clientHeight<$('#div').height()){
            img.style.height=$('#div').height()+"px";
       }
       if(img.clientWidth<$('#div').width()){
            img.style.width=$('#div').width()+"px";
       } 
}
</script>

额外的问题：是否也可以在此代码中添加加载功能？

4

1 回答 1

2

Sj 可以使用 jQuery 简化您尝试做的事情。jQuery 是一个 JavaScript 库，它使处理 HTML 文档变得更加容易。

这是一个演示他们的fadeIn方法的小小提琴：http: //jsfiddle.net/zgRtd/3/

只是为了确保您清楚正在发生的事情：

我们声明了一个名为 load Image 的函数——这个函数使用 jQuery 将fadeIn 方法附加到我们的 jQuery 对象（通过 CSS 选择器引用）。

图像设置为显示：无；最初。

function loadImage () {
    $('#your-image').fadeIn('slow', function () {
        // Animation complete
    });
}

我们在文档加载后调用该函数（这可以绑定到任何事件），我在 JSFiddle 示例中对此进行了注释。

$(document).on('ready', function () {
    loadImage();
});
于 2013-03-03T22:40:12.837 回答