hantsuki 发表于 2018-5-21 17:22

前端的一个小问题...

很多时候我在游戏网站上面都能看到鼠标轻移，页面的图片也会跟着轻移的效果，以这个http://touken.youzu.com/ 页面作为示例。

作为一个渣前端我不知道怎么样去实现，是要在css上还是说js的框架来实现呢。不知道有没有大大能够给我实践的一些代码或者范例，就仅供学习使用。

万分感谢。


kll85757 发表于 2018-5-21 17:42

hgfdsa 发表于 2018-5-21 17:59

做前端应该会看开发工具吧，图片的位置变换基本上都靠css，定位到那张图，鼠标移动就可以看到css是如何变化的，然后在onmousemove里面照着写呗

宅男的爱 发表于 2018-5-21 18:33

……没了框架就不会写js了么？

iou90 发表于 2018-5-21 19:39

css3比较方便 图片position absolute left right top bottom用变量 然后js在mousemove时去图片style中设置这些变量 图片想咋动就可以咋动了

激萌的萝莉 发表于 2018-5-21 19:39

css translate3d

— from Sony F8331, Android 8.0.0 of S1 Next Goose v1.3.3.2-play

heyeshuang 发表于 2018-5-21 20:09

http://stephen.band/jparallax/

hantsuki 发表于 2018-5-21 21:38

heyeshuang 发表于 2018-5-21 20:09
http://stephen.band/jparallax/

谢大佬！爱你！（づ￣3￣）づ
页: [1]
查看完整版本: 前端的一个小问题...