-1

我有一个 div，当单击/聚焦某个文本区域时，我想使用 JavaScript 淡出。这可能吗？

文本区域 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();
});​

它将两个事件绑定到 textarea，一个绑定到focus事件，一个绑定到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 回答