http://www.trop.cn/ 请问这个网站的以下特效是用什么技术做的?哪里有类似的教程?

2014-11-19 11:59:58 +08:00
 tinywenwen
一:第一张背景图,背景图在动;
二:轻轻滑一下滚轮,就滑到下一个图片;
三:第二张图,鼠标移到卡通人物的时候,卡通人物在动;
四:第三张图,果粒橙怎么从旁边跑出来;
五,如果需要做一个类似的网站,该如何着手。
请各位前辈指点,感谢感谢!~~
3236 次点击
所在节点    程序员
9 条回复
xxghost
2014-11-19 12:39:25 +08:00
妹子都没人回复?
wengcan
2014-11-19 13:21:53 +08:00
mclxly
2014-11-19 13:25:07 +08:00
看源代码啊,少年。
1. <canvas id="story01_video" class="storyvideo" width="1053" height="600"></canvas>
看起来是一段HTML5视频;

3. js触发一个循环show/hide的动作:
<div class="BboxGz">
<img src="images/Vitality/NingMeng1.png" style="display: none;">
<img style="display: inline;" src="images/Vitality/NingMeng2.png">
<img style="display: none;" src="images/Vitality/NingMeng3.png">
<img style="display: none;" src="images/Vitality/NingMeng4.png">
<img style="display: none;" src="images/Vitality/NingMeng5.png">
<img style="display: none;" src="images/Vitality/NingMeng6.png">
<img style="display: none;" src="images/Vitality/NingMeng7.png">
</div>
基本都是js的工作
blijf
2014-11-19 13:32:54 +08:00


我这访问太慢了
zzetao
2014-11-19 13:45:53 +08:00
@blijf 请问是什么插件呢?
blijf
2014-11-19 14:32:50 +08:00
@zzetao Adkill and Media Download
tinywenwen
2014-11-19 15:51:18 +08:00
@blijf 谢谢你,帮了我很大忙
tinywenwen
2014-11-19 15:56:30 +08:00
@wengcan 十分感谢,感谢,感谢~~
tinywenwen
2015-01-16 16:05:03 +08:00
@wengcan 请问,知道全屏滚动右边的小点点叫什么吗?如何让它们在第二屏开始显示。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/147689

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX