内容介绍
鼠标移动到图片上自动放大,兼容主流浏览器,B5教程网推荐下载!
核心js代码
<script type="text/javascript">
$(function(){
$('li').hover(function() {
$(this).addClass('on');
var wl = $(this).find('img').attr('width');
if (wl < 190) {
$(this).find('.in').css('left', '0')
} else {
$(this).find('.in').css('left', -wl / 4)
}
},
function() {
$(this).animate({
height: "120px"
},
100).removeClass('on');
$(this).find('.in').css('left', '0')
});
})
</script>