在输入:焦点隐藏其他输入与jQuery



我试图建立一个函数,以便当用户在我的表单上滚动输入字段时,其他输入字段淡出…

我做了一个小提琴,希望能更好地解释我想要什么,但是在每个li中都有一个标签和输入,当用户将li悬停时,其他字段('li')应该变得半透明?

http://jsfiddle.net/WR4bJ/

不确定这是否可能,但任何帮助都很好,谢谢

我想这就是你想要的效果:

JS

$('li').fadeTo(0, 0.3);
$('li').hover(function() {
    $(this).fadeTo(100, 1);
}, function() {
    $(this).fadeTo(100, 0.3);
});

<ul class="contact-form">
    <li><label>name</label><input type="text" /></li>
    <li><label>job</label><input type="text" /></li>
</ul>

问候!

试试这个漂亮的例子:

http://jsfiddle.net/WR4bJ/12/

相关内容

最新更新