Question

我正在创建一个带有完整背景滑块的网站，因此图像有点大。我想要一个脚本，在加载背景图像时显示一些带有动画效果的文本。我已经搜索过这个，但没有成功。有人可以帮助我吗？

谢谢！

Answer 1

默认显示文字，在$(img).load()上将其删除。使用.animate()为所需文本设置动画。如果您更改了图片，请再次插入spanLoading并重复这些步骤。

<div>
    <img src="book.png" alt="Book" id="book" />
    <span id="spanLoading">Loading...</span>
</div>


<script type="text/javascript">
    $(function(){
        //animate loading text
        $("#spanLoading").animate({left: '+=50'},500); 

        //On img loaded, remove loading text
        $("#book").load(){
            $("#spanLoading").remove();
        }
    });
</script>

Answer 2

我认为您必须使用函数

动态加载背景图像

 $(function()){
   $("#background").attr('src','your_image here');
 }

并将动画图像设置为hTML代码中的默认背景

然后你就会有效果。

加载图像时显示文字

2 个答案: