jQueryで遊んでみる その3

適当に画像とテキストを用意してそれぞれidを割り当てる
<p id="fade">【フェード】←マウスをあわせてみて</p>
<img src="1.png"  id="photo" />

<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
 
$(function(){
 
//フェードアウト
    $("#fade").mouseover(function() {
    $("#photo").fadeOut("slow");
    });
 
//フェードイン
    $("#fade").mouseout(function() {
    $("#photo").fadeIn("slow");
    });
});
 
</script>