$(document).ready( function(){
$("input").click(function(){
$('input, textarea').placeholder().animate({left: '250px'});
});
});
-
1Вы используете какой-то плагин $.placeholder? Или вы полагаете, что в jQuery есть такая функция по умолчанию?– Creamov14 авг 2015 в 19:29
-
Я искал по интернету jquery placeholder animate и я только это нашел.– Murad14 авг 2015 в 19:31
-
1Значит вы явно что-то упустили там, где это нашли.– Creamov14 авг 2015 в 19:38
-
@Murad Приведите список подключаемых библиотек.– Nicolas Chabanovsky14 авг 2015 в 19:52
Добавить комментарий
|
2 ответа
Подобное можно сделать с помощью label и CSS.
.input-field {
position: relative;
width: 250px;
padding-top: 50px;
}
input {
margin: 0 0 0 50px;
}
input + label {
position: absolute;
top: 50px;
left: 55px;
-webkit-transition: left 0.3s ease-out 0.1s;
-moz-transition: left 0.3s ease-out 0.1s;
-o-transition: left 0.3s ease-out 0.1s;
transition: left 0.3s ease-out 0.1s;
}
input:focus + label {
left: 0px;
}
<div class="input-field">
<input type="text" id="name" class="validate">
<label for="name">Name</label>
</div>
Если вы хотите таким странным способом анимировать плейсхолдер, то так сделать нельзя(!). Можно лишь имитировать сдвиг плейсхолдера. В этом вопросе вам поможет например этот плагин: http://www.thepetedesign.com/demos/label_better_demo.html