0
私は2つのイメージの水平な順序付けられていないリストを持っています。意図は、ネイバーイメージを動かさずにホバリングされたイメージを（Jqueryで）大きくすることです。コードは以下の通りである：私は何をしたいことはthisのようなものであるイメージ上のイメージアニメーションJquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
ul#thumbs li {
display: inline;
list-style: none;
}
a img {
position: relative;
-webkit-border-radius: 20px;
border: 2px solid blue;
}
a img:hover {
-webkit-border-radius: 20px;
border: 2px solid yellow;
}
</style>
</head>
<body>
<ul id="thumbs">
<li><a href="#"><img src="img/bono.jpg" width="420" height="300" border="none"/></a></li>
<li><a href="#"><img src="img/abstr.jpg" width="420" height="300" border="none"/></a></li>
</ul>
<script>
$('a img').mouseover(function(){
$(this).delay(1500).animate({
width: "630px",
height: "450px",
}, 1500);
$(this).css("z-index","1000");
$(this).css("overflow","visible");
$(this).css("position","absolute");
});
$('a img').mouseout(function(){
$(this).animate({
width: "420px",
height: "300px",
}, 500);
});
</script>
</body>
</html>
日[9] FTW !!! ：D – algiecas