单选按钮显示使用jquery在两个单选按钮之间悬停

时间:2011-08-23 22:12:47

标签: php jquery html css jquery-ui

我有以下单选按钮:

<input id='element_1_1' name='element_1' class='element radio' type='radio' value='1' />
<label class='choice' for='element_1_1'>1</label> <br>
<input id='element_1_2' name='element_1' class='element radio' type='radio' value='2' />
<label class='choice' for='element_1_2'>2</label>

现在当用户将鼠标悬停在两个单选按钮之间的空间上时,我希望另一个单选按钮淡入1.5,如果用户移出它应该淡出,2个单选按钮之间有换行符,所以不需要表单向下滑动。但是1.5单选按钮应该出现在一个不在1和1左边相同左边距的标签之后。 2.

1 个答案:

答案 0 :(得分:0)

在1.5元素上使用.fadeToggle()

请记住,如果用户快速移入和移出元素,则会产生恼人的效果;要解决这个问题,请查看以下帖子:Jquery Image Fade Out