По идее должно быть так
По идее должно то поле на которое нажали загореться , а все остальные поля должны быть прозрачными. Но что то не выходит. Помогите. Спасибо.
---------------------------------------------------------------- $(document).ready(function(){
$(".reg_form div input").animate({opacity:'0.4'},0).click(function(){
$(this).addClass("active");
$(this).animate({opacity:'1'},"slow");
$(".reg_form div input").not(".active").animate({opacity:'0.4'},"slow");
});
});
<form action="reg.php" method="post" class="reg_form">
<div class="inp"><input type="text" name="name" value="Ваше имя" /></div>
<div class="inp"><input type="text" name="fname" value="Ваша фамилия" /></div>
<div class="inp"><input type="text" name="mail" value="Ваш маил" /></div>
<div class="inp"><input type="password" name="pass" value="Ваш пароль" /></div>
</form>
|
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".reg_form div input").animate({opacity:'0.4'},0)
$(".reg_form div input").click(function(){
$(this).addClass("active");
$(this).animate({opacity:'1'},"slow");
$(".reg_form div input").not(".active").animate({opacity:'0.4'},"slow");
});
});
</script>
<form action="reg.php" method="post" class="reg_form">
<div class="inp"><input type="text" name="name" value="Ваше имя" /></div>
<div class="inp"><input type="text" name="fname" value="Ваша фамилия" /></div>
<div class="inp"><input type="text" name="mail" value="Ваш маил" /></div>
<div class="inp"><input type="password" name="pass" value="Ваш пароль" /></div>
</form>
|
Deff,
Все тоже самое , не получается... |
jeysmook,
Хм у меня всё кажет - даже в ИЕ - а что Вы ожидаете ? |
Deff,
На тот пункт на который нажали opacity:1, а на все остальные пункты opacity:0,4. А тут получается , что все загораются по мере нажатия на них. |
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".reg_form div input").animate({opacity:'0.4'},0)
$(".reg_form div input").click(function(){
$(".reg_form div input").removeClass("active")
$(this).addClass("active");
$(this).animate({opacity:'1'},"slow");
$(".reg_form div input").not(".active").animate({opacity:'0.4'},"slow");
});
});
</script>
<form action="reg.php" method="post" class="reg_form">
<div class="inp"><input type="text" name="name" value="Ваше имя" /></div>
<div class="inp"><input type="text" name="fname" value="Ваша фамилия" /></div>
<div class="inp"><input type="text" name="mail" value="Ваш маил" /></div>
<div class="inp"><input type="password" name="pass" value="Ваш пароль" /></div>
</form>
|
Deff,
Точно, спасибо большое )) Забыл removeClass(); |
| Часовой пояс GMT +3, время: 17:46. |