单选按钮显示使用jquery在两个单选按钮之间悬停 [英] Radio button show hover between two radio button using jquery

问题描述

我有以下单选按钮：

i have following radio button:

<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& 2.

now when user hovers over the space between two radio buttons i want another radio button to fade in 1.5, the if user moves out it should fade out, there is line break between 2 radio button so dont need the form to slide down. but the 1.5 radio button should appear after a tab not in the same left margin as 1 & 2.

推荐答案

请记住，如果用户真的很快移入和移出元素，将会产生令人讨厌的效果;为了解决这个问题，请看看这个主题： jquery图片淡出

Keep in mind that if the user moves in and out of the elements really quickly, it will have an annoying effect; to combat this, check out this thread: Jquery Image Fade Out

这篇关于单选按钮显示使用jquery在两个单选按钮之间悬停的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！