0

我对 HTML、CSS、Javascript 和 JQuery 非常熟悉，我如何才能在他们的网站上实现这张令人惊叹的幻灯片，其中背景褪色，而幻灯片上的主要元素从侧面进入（元素意味着图片）。

网址：http ://www.scorpiondesign.com/

4

2 回答 2

1

如果您想使用 jQueryUI 效果，那么您可以轻松地做到这一点，您需要在每张幻灯片中包含 png 图像和任何您想要的 html，并将幻灯片显示设置为无，外部滑块必须具有隐藏的溢出属性，现在您可以简单地使用以下方法滑动图像：

$(".thumb1").click(function(){
     $('#slide1').show('slide', {direction: 'left'}, 1000);     
});

.thumb1是幻灯片 1 的缩略图，您可以使用任意数量的缩略图，并且您需要相应地修改 jquery。 #slide1包含您要滑动的所有 html 元素。

于 2013-09-21T10:59:24.037 回答
0

看起来背景淡入淡出是由 JavaScript 控制的，所有其他元素都是具有透明背景的 png，其动画也由 javascript 控制

于 2013-09-21T11:03:02.853 回答