如何解决jQuery的div隐藏和显示,如何控制显示div的位置?
| 我在默认代码中进行了一个简单的div悬停显示和隐藏introduce words
。所有引入的单词位置都是相对的。 box4
和box8
的introduce words
div将脱离div#main
。
怎么办?这样引入的单词box4
和box8
会右对齐?
因为我用英语不能很好地描述,所以我拍一张照片。您会看到将鼠标悬停在box4
中时,introduce words
div的右侧不会超出div#main
,这就是我需要的。谢谢。
此处的代码链接:http://jsfiddle.net/KTGUz/
图片:
解决方法
纯jQuery方式是
$(\'.box:nth-child(4n+4)\').addClass(\'oy\');
,并调整您的位置以使.box
是相对的,而.hover
是绝对的,使.oy {right: 0;}
这是东西:http://jsfiddle.net/3jGdm/
,如果您知道第4号和第8号方框将始终处于优势地位,则可以为它们指定不同的类别。这是一个例子:
http://jsfiddle.net/M687z/
,如果取决于窗口宽度,则一行中有多少个框,如果溢出,则可以使用jQuery.offset()功能重新定位title_box:
http://api.jquery.com/offset/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。