Jquery 滚动时内容淡入

我将此图像效果用于我的图标链接

我的计划是，当你将鼠标悬停在一个图标（上面的图像效果）上时，它将以与图像效果相同的速度显示其下方的少量内容

我是javascript的初学者，但我喜欢在javascript中学习新的创造性方法。我想我更喜欢复制粘贴

非常感谢您的帮助

编辑：代码：）

下面是页面上的javascript函数，用于淡入图标。（他们在工作）

$（文档）.ready（函数（）{
$（“img.a”）。悬停(
函数（）{
$（this.stop（）.animate（{“不透明”：“0”}，“慢”）；
},
函数（）{
$（this.stop（）.animate（{“不透明”：“1”}，“正常”）；
});
});

这是我的图标html

<div class="fade_con_about"><div class="fadehover"><a class="biofadein"><img src="clean/img/aboutbtn_up.png" class="a" alt="about"/></a><a class=""><img src="clean/img/aboutbtn_down.png" class="b" alt="about"/></a></div></div>

Lorem ipsum door sit amet，concetetur adipising elit，sed do eiusmod temporal incidedut ut laboure et.除偶尔因不谨慎而导致的意外外，还必须承担责任。

我希望这能提供更好的想法

<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
$('.textual').fadeIn("slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "normal");
$('.textual').fadeOut("slow");
});

});
</script>

$（文档）.ready（函数（）{
$（“img.a”）。悬停(
函数（）{
$（this.stop（）.animate（{“不透明”：“0”}，“慢”）；
$（'.text'）.fadeIn（“慢”）；
},
函数（）{
$（this.stop（）.animate（{“不透明”：“1”}，“正常”）；
$（'.text'）.fadeOut（“慢”）；
});
});

给我们你到目前为止所拥有的（代码，代码，代码）我已经编辑了原始帖子，对不起，我完全忘记了什么可能有用：）你的意思是什么。你能把你的代码放在这里，给我看一个演示吗？对不起，我刚更改了我的评论，它没有循环我的错误，它在第一页加载时没有隐藏。因此，内容是可见的，然后消失，然后它的工作。使用css显示：没有问题，我总是在这里帮助你。

<div class="textual">
<h1><a href="http://" target="_blank">My Blog</a></h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.<br/>
<a href="#">3 hours ago..</a></p>
</div>

<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
$('.textual').fadeIn("slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "normal");
$('.textual').fadeOut("slow");
});

});
</script>