前端的一个小问题...

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￣）づ

		自动登录	找回密码
密码			立即注册

kll85757 kll85757 当前离线禁止发言精华 \| 战斗力鹅 \| 回帖 0 注册时间 2012-8-30 头像被屏蔽	发表于 2018-5-21 17:42 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽

	回复使用道具举报

[其他] 前端的一个小问题...