そのため、Chrome と Firefox では起動時にすべてが正常に読み込まれますが、IE では起動時に機能せず、リンクをクリックして別のページに移動し、スクリプトが機能し始めるために戻る必要があります。
jQuery:
$(document).ready(function(){
$('.bigimage').mouseover(function(){
$(this).stop().animate({
"width": "110%",
"left": "0px",
"top": "0px"
}, 200,'swing');
}).mouseout(function(){
$(this).stop().animate({
"width": "100%",
"left":"15px",
"top":"15px"
}, 200,'swing');
});
});
html
<ul class="getbig">
<li>
<a href="*"><img class="bigimage" src="pic.png" title="mytitle"></a>
</li>
<li>
<a href="*"> <img class="bigimage" src="pic2.png" title="mytitle2"></a>
</li>
</ul>
CSS:
.getbig{ position:relative; left: 50px; top: 0px; width:200px; height:78px; }
.bigimage{ position:relative; width:100%; left:15px; top:15px}
だから、IEのdoctypeと関係があるのだろうかと思っています。