我正在尝试创建一个类似于此页面底部的产品查看器http://www.logitech.com/en-gb/。正如你可以看到产品从中心动画而不是左上角,我认为这是Jquery的默认设置。所以我在做的是尝试动画的宽度和高度,然后也偏移,使它看起来像它从中心动画。从对象中心jquery动画
我的代码如下所示:
<style>
body {
background: black;
}
.box {
background: #fff url('pic.jpg') no-repeat 0 0;
width: 200px;
height: 200px;
margin: 10px 4%;
float: left;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$(".box").hover(function() {
$(".box").not(this).fadeTo(500, 0.5);
$(this).animate({
width: 300,
height: 300,
left: -100,
top: -100
}, 500);
},
function() {
$(this).animate({
width: 200,
height: 200,
left: 100,
top: 100
}, 500);
$(".box").fadeTo(500, 1);
});
});
</script>
我似乎不能,因为我希望得到这个工作。任何人都可以帮助或建议更好的技术?非常感谢
我得到这个从您的网址: 需要授权 此服务器无法验证您有权访问您请求的文档。您提供了错误的凭据(例如,错误的密码),或者您的浏览器不知道如何提供所需的凭据。 – XGreen 2010-06-03 09:03:01
试试www.logitech.com – mtwallet 2010-06-03 09:07:37