-1

特定のテキスト領域がクリック/フォーカスされたときに JavaScript を使用してフェードアウトしたい div があります。これは可能ですか？

テキストエリア HTML

<label for="message">Message:</label>
    <textarea name="message" id="message" wrap="physical" 
         placeholder="What's on your mind?">
    </textarea>

フェードアウトしたいdivのHTML

<div id="bubble">
    <img src="images/hire_me_bubble.png" alt="Hire me" />
</div>

泡のCSS

#bubble{
    width:201px;
    height:189px;
    position:absolute;
    left:416px; 
    top:300px; 
    z-index: 99;
    overflow:visible;
}
4

2 に答える 2

1

これを試して：

$("#message").focus(function() {
    $("#bubble").fadeOut();
}).blur(function() {
    $("#bubble").fadeIn();
});​

2 つのイベントをテキストエリアにバインドし、1 つをfocusイベントに、もう 1 つをイベントにバインドしblurます。 http://jsfiddle.net/FzmW2/

フェードインしたくない場合は、.blurパーツを取り外します。

于 2012-09-03T20:26:09.450 に答える
0 
$('#message').bind('focus', function(){
    $('#bubble').fadeOut();
 });
于 2012-09-03T20:25:57.683 に答える