Jquery 在段落上方放置图像_Jquery_Html

Jquery 在段落上方放置图像

jquery html

Jquery 在段落上方放置图像,jquery,html,Jquery,Html,我试图在文本体上放置一个图像。我的想法是，我将使用jquery动画来增加图像的不透明度，然后您可以看到它下面的文本。任何帮助都将不胜感激。您真的应该发布一些代码，请查看然而，这是一段简单的代码，应该从它开始 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Display Demo</title> <style> .hid

我试图在文本体上放置一个图像。我的想法是，我将使用jquery动画来增加图像的不透明度，然后您可以看到它下面的文本。任何帮助都将不胜感激。

您真的应该发布一些代码，请查看

然而，这是一段简单的代码，应该从它开始

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Display Demo</title>
<style>
.hidden {display:none;}
.block {
    position: relative;
    top: 30px;
    left: 30px;
    width: 800px;
}
.text, .img {
    position: absolute;
    top: 0;
    left: 0;
}
.img {
    display: none;
    z-index: 100;
}
</style>
</head>
<body>
<div class="block">
<img class="img" src="img.jpg">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$(function(){
    $(".img").show(5000);
});
</script>
</body>
</html>


显示演示
.hidden{显示：无；}
.街区{
位置：相对位置；
顶部：30px；
左：30px；
宽度：800px；
}
.text、.img{
位置：绝对位置；
排名：0；
左：0；
}
.img{
显示：无；
z指数：100；
}
Lorem ipsum door sit amet，一位杰出的领导者，他是一位临时劳工和职业经理人。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
$（函数（）{
美元（“.img”）。显示（5000）；
});

现在，请访问与和相关的jQuery文档，并将其更新为您想要的内容。

您能发布到目前为止的代码吗？