所以我正在尝试使用 jquery 幻灯片制作这种“幻灯片”。我现在拥有它,因此当我悬停时图像会滑动,但是如果用户没有将鼠标悬停在图像上,我希望始终扩展其中一个图像。
如果您想要实时视图,这里是测试页面http://www.johnnyedick.com/indexSlideUpTop.html的链接。
这是我正在使用的jquery:
$(function() {
$('#box1').hover(function() {
$(this).stop().animate({ "width" : "530px"}, 1000);
}, function() {
$(this).stop().animate({ "width" : "100px"}, 1000);
});
$('#box2').hover(function() {
$(this).stop().animate({ "width" : "530px"}, 1000);
}, function() {
$(this).stop().animate({ "width" : "100px"}, 1000);
});
$('#box3').hover(function() {
$(this).stop().animate({ "width" : "530px"}, 1000);
}, function() {
$(this).stop().animate({ "width" : "100px"}, 1000);
});
});
谢谢