我有以下代码,但是当“上一个”或“下一个”按钮出现时,当我mouseover
在按钮上执行事件时它会闪烁。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Portfolio</title>
<link rel="stylesheet" href="css/global.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/slides.jquery.js"></script>
</head>
<body bgcolor="#FFFFFF">
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<img src="imgs/test.gif" width="800" height="456" id="gallery_img" border="0"/>
</div>
<div class="prevButton" style="visibility:hidden"><a href="#" class="prev"><img src="imgs/arrow-prev.png" width="24" height="43" alt="Arrow Prev"/></a></div>
<div class="nextButton" style="visibility:hidden"><a href="#" class="next"><img src="imgs/arrow-next.png" width="24" height="43" alt="Arrow Next"/></a></div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#gallery_img').mouseover(function() {
$('.prevButton').css("visibility", "visible");
$('.nextButton').css("visibility", "visible");
});
$('#gallery_img').mouseout(function() {
$('.prevButton').css("visibility", "hidden");
$('.nextButton').css("visibility", "hidden");
});
});
</script>
</body>
</html>