想要一个这种特效~关于JS的

发布网友发布时间：2022-04-20 06:14

共1个回答

热心网友时间：2022-04-20 07:43

这个我还不太明白你的需求，不过动画效果并不难，可以如下：
使用CSS3动画效果；
使用JQ框架的动画效果；
使用JS定时器或循环或CSS3动画效果排队功能实现更细致的效果；
使用纯JS的定时器，自己写动画效果。

由于不方便发链接，我就不发链接了，参考手册可以前往W3School，找CSS3动画和JQ动画，如果有任何疑问，可以问我追问

~原谅我将要求的时候讲的太抽象了

找了一个视频

http://v.youku.com/v_show/id_XNjE0NTcwMzk2.html?from=y1.2-1-106.3.6-2.1-1-1-5

视频不长30多秒

在第6秒的时候注意看视频的左上部

的邮箱瓷贴

就是这个

之后它会变成这个样子

就是想请你做一个这种的特效的例子~~谢谢您了



追答

实在不好意思，你的追问没有收到通知，所以我没注意到，现在才发现，惊觉都过了一个多月了，不知该问题解决了没有？

我看了一下，大概了解了阁下的需求，是想做一个展示图片动画轮播的效果吧？

我先说一下思路，首先，你要准备一些图片，并按你需要移动的顺序无间隔排列，比如就像你说的这个，假设一张图片100宽，100高，两张图片就是100宽，200高。

然后，给它一个父元素，你元素的大小就要固定了，固定成你要展示的大小，比如这里你一次只展示一张图片，就给它100宽，100高的大小。

然后，要让它里面的子元素起超过父元素(即展示窗口)的部分隐藏了，给父元素一个样式：

父元素{widhth:100px; height:100px; overflow:hidden;}//子元素超过父元素所占的空间就隐藏了

然后，就是给它移动的动画了，可以用css实现，也可以用JS实现，让子元素左右移动或上下移动，就可以看到效果了。

可以给你一个示例：看我写的图片轮播：

http://www.channel1001.com/index

首页大图