0

入力フィールドがフォーカスされているときに、ラベルを不透明度 0.5 に設定するコードがたくさんあります。可能であれば、これを 0 (100% 非表示) に設定したいと思います。

誰かがこれを手伝ってくれますか?

これが私のフィドルです：http://jsfiddle.net/d8Apy/5/

私のHTML：

<div class="fieldgroup">
    <label for="name">Name</label>
    <input type="text" id="name" name="name">
</div><!--/.fieldgroup-->

私のCSS：

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial;
}
.fieldgroup {
    position: relative;
}
input[type='text'],
label {
    padding: 5px;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    height: 30px;
    color: #fff;
    display: block;
}
input[type='text'] {
    border: none;
    background: green;
}

私はこの jQuery プラグインを使用しています: http://fuelyourcoding.com/in-field-labels/

ポインタをありがとう:-)

4

5 に答える 5

2

in-field-labels コードに次のようなコード行があります...

$.InFieldLabels.defaultOptions={fadeOpacity:0.5,fadeDuration:300,labelClass:'infield'};

これを次のように変更します...

$.InFieldLabels.defaultOptions={fadeOpacity:0.0,fadeDuration:300,labelClass:'infield'};

fadeOpacity:0.5にfadeOpacity:0.0

于 2013-07-19T16:00:41.480 に答える
0

Javascript

$(document).ready(function() {
$("#name").focus(function(){

$('#lblname').css({'opacity':'0'});

});
   });

フェード効果の編集

$(document).ready(function() {
$("#name").focus(function(){

$("#lblname").animate({ 'opacity':'0'},350);

});
   });

HTML

<div class="fieldgroup">
<label for="name" id="lblname">Name</label>
<input type="text" id="name" name="name">
</div><!--/.fieldgroup-->
于 2013-07-19T16:06:59.320 に答える
0

すべてのプラグイン開発者が実装しているわけではありませんが、オプション オブジェクトを受け入れるプラグインを推奨するのは良い習慣です。あまり明確ではありませんが、fadeOpacity および fadeDuration オプションをオーバーライドできます。

問題を解決するには、次のように、fadeOpacity を指定するオプション オブジェクトを渡すだけです。

$(document).ready(function(){
    $('label').inFieldLabels({fadeOpacity: 0.0});
});
于 2013-07-19T16:29:16.927 に答える