我使用了flippy插件http://blog.guilhemmarty.com/flippy/。我已经实现了它并且它在歌剧中工作正常但在FF中它一直翻转http://dev.barchick.com/barchicks-high-fives/(悬停在图像上)。
主要代码
<div class="high " style="background-color:#28282A">
<img src="http://barchick/wp-content/themes/barchick-v3/scripts/timthumb.php?src=http://barchick/wp-content/uploads/2012/11/park2.jpg&w=193&h=282" />
<div id="highroll" >
<a href="http://www.google.com" target="_blank"><span class="highbold">1. Camden Town Brewery,</span> NW5</a><br/>
<a href="http://www.google.com" target="_blank"><span class="highbold">2. Brewdog,</span> NW1</a><br/>
<a href="http://www.google.com" target="_blank"><span class="highbold">3. The Euston Tap,</span> NW1</a><br/>
<a href="http://www.google.com" target="_blank"><span class="highbold">4. Duke's Brew & Cue,</span> N1</a><br/>
<a href="http://www.google.com" target="_blank"><span class="highbold">5. Jagaur Shoes,</span> N2</a>
</div>
<h5 id="hightext">Best bars near parks</h5>
</div>
<!-- Added by Alex -->
<script type="text/javascript">
$(function(){
$(".high").bind('mouseenter', function(){
$(".high").flippy({
content:$(".high"),
direction:"TOP",
duration:"750",
onFinish:function(){
$('#highroll').show();
$('#hightext').hide();
$(".high").css('backgroundColor', '#28282A');
}
});
})
$(".high").bind('mouseleave', function(){
$(".high").flippy({
content:$(".high"),
direction:"TOP",
duration:"750",
onFinish:function(){
$('#highroll').hide();
$('#hightext').show();
$(".high").css('backgroundColor', '#28282A');
}
});
})
})
</script>
你能告诉我有什么问题以及如何解决这个问题吗?