Question

如何为此specefic代码添加淡入淡出？我希望图片在onload上淡入。已经对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>

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

Answer 1

使用jQuery可以简化您尝试做的事情。 jQuery是一个JavaScript库，可以更轻松地处理HTML文档。

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

只是为了确保你清楚发生了什么：

我们声明一个名为load Image的函数 - 这个函数使用jQuery将fadeIn方法附加到我们的jQuery对象（用CSS Selectors引用）。

图像设置为display：none;最初

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

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

$(document).on('ready', function () {
    loadImage();
});

在onload上添加淡入效果

1 个答案: