http://www.trop.cn/ 请问这个网站的以下特效是用什么技术做的？哪里有类似的教程？
tinywenwen · 2014-11-19 11:59:58 +08:00 · 3243 次点击这是一个创建于 3661 天前的主题，其中的信息可能已经有所发展或是发生改变。
一：第一张背景图，背景图在动；
二：轻轻滑一下滚轮，就滑到下一个图片；
三：第二张图，鼠标移到卡通人物的时候，卡通人物在动；
四：第三张图，果粒橙怎么从旁边跑出来;
五，如果需要做一个类似的网站，该如何着手。
请各位前辈指点，感谢感谢！~~
二：轻轻滑一下滚轮，就滑到下一个图片；
三：第二张图，鼠标移到卡通人物的时候，卡通人物在动；
四：第三张图，果粒橙怎么从旁边跑出来;
五，如果需要做一个类似的网站，该如何着手。
请各位前辈指点，感谢感谢！~~
 |
1
xxghost 2014-11-19 12:39:25 +08:00
妹子都没人回复？
|
 |
2
wengcan 2014-11-19 13:21:53 +08:00  1
|
 |
3
mclxly 2014-11-19 13:25:07 +08:00 1
看源代码啊，少年。
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的工作 |
 |
4
blijf 2014-11-19 13:32:54 +08:00 1
 我这访问太慢了 |
 |
7
tinywenwen OP @blijf 谢谢你，帮了我很大忙
|
|
8
tinywenwen OP @wengcan 十分感谢，感谢，感谢~~
|
|
9
tinywenwen OP @wengcan 请问，知道全屏滚动右边的小点点叫什么吗？如何让它们在第二屏开始显示。
|
Select Language