求问C大
最近帮朋友建站,请问一下C大,首页飘花瓣的js和柳絮飘扬的js应该怎么写。另外还需要在网站中嵌套一个换装的游戏,是否要用flash来完成?
前端可能站长比我更在行……
据我目前了解,这些没一个用到flash的,都是JS特效库。
比如花瓣:
https://www.jb51.net/article/71166.htm
https://blog.csdn.net/qq_38581311/article/details/80103279
基本就是把CSS加入<style>块里,JS加入<script>块。
不过这些特效可能让网页变得非常卡,所以尽量谨慎使用。
首页换装的叫live2d,可以看下:
https://www.cokemine.com/live2d1.html
据我目前了解,这些没一个用到flash的,都是JS特效库。
比如花瓣:
https://www.jb51.net/article/71166.htm
https://blog.csdn.net/qq_38581311/article/details/80103279
基本就是把CSS加入<style>块里,JS加入<script>块。
不过这些特效可能让网页变得非常卡,所以尽量谨慎使用。
首页换装的叫live2d,可以看下:
https://www.cokemine.com/live2d1.html
慕容引用C 前端可能站长比我更在行…… 据我目前了解,这些没一个用到flash的,都是JS特效库。 比如花瓣: https://www.jb51.net/article/71166....
591442386 唔……换装指的是他们要自己画衣服啊,饰品啊这类的东西,然后让用户自行添加,旁边还有类似于图层的东西……就像奇迹暖暖[em_1]
那最简单的就是透明PNG叠加,让他们把各部分都画出来(画布要相同长宽的),然后把元素拼在一起。
用户换装就是展示不同PNG,反正背景都是透明的,放在一起就叠加了,不用考虑图层问题。
简单来说就是JS操作,替换图片。用getElementById('身体部位的图片ID'),然后替换图片地址。
至于如何把几张图片放在一起,这个就拿CSS的position:absolute,绝对定位。
http://www.w3school.com.cn/cssref/pr_class_position.asp
衣服位置的话,你可以增加个上/下/左/右的按钮,然后点击后JS跳转position绝对定位向上/下/左/右+1px这样。
或者用drag库实现鼠标拖动,不过那玩意我就不懂了……
http://easyjs.stylechen.com/docs/components/drag.html
或者用drag库实现鼠标拖动,不过那玩意我就不懂了……
http://easyjs.stylechen.com/docs/components/drag.html
js有现成的 换装的话考虑一下cookie?