想知道这个效果,JS是怎么做的?

everythins_is_over 2013-03-25 06:01:14
http://fourdesire.com/
如上的网址,顶部大的图片区域,想知道JS是怎么赋值给那些样式style,以实现跟随鼠标移动,变换位置的。谢谢。
...全文
166 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
l676331991 2013-03-27
  • 打赏
  • 举报
回复
原理是可以知道的,但是这个鼠标位置的与旋转角度之间通过什么函数映射就要琢磨琢磨了。 原理是:顶部由多个层构成,每个层有自己的rotate角度,mousemove的时候,根据鼠标离开中心线的位置,推算出每个层的旋转角度,改变之。鼠标移动,mousemove不断触发,离中心的距离也在变化,最终的效果就是动画。 关键在于每个层的旋转角度与鼠标离开中心线的距离之间的关系。
everythins_is_over 2013-03-26
  • 打赏
  • 举报
回复
引用 1 楼 Mackz 的回复:
貌似你可以看网页源码吧?
源码看过,去掉没用的代码,只是引用过来了样式,但动画没过来。。。
oxfed 2013-03-26
  • 打赏
  • 举报
回复
有想法,我喜欢
菜牛 2013-03-25
  • 打赏
  • 举报
回复
貌似你可以看网页源码吧?
资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 松下电工数字压力传感器用户手册详细介绍了DP-100系列数字压力传感器,涵盖其技术参数、操作方法及适用场景等,适用于各类需要精准压力测量的工业环境。 双屏显示:主屏与输出动作同步,可同时显示当前值和基准值,便于实时监控与调整。显示屏为12段字母数字显示,数字清晰易读。 三色指示:屏幕颜色随传感器状态变化(红、绿、橙),便于快速判断工作状态。 紧凑结构:尺寸仅□30mm,适合空间狭窄的安装环境。 多种操作模式:提供RUN模式(日常操作)、菜单设定模式(深入设置如输出模式切换)及PRO模式(高级功能如应差调整、复制设定)。 安全认证:DP-101(A)/102(A)型号通过特定认证,确保产品安全可靠。 复制功能:可通过数据通信将主传感器设定内容复制到其他传感器,减少人工设定错误,节省时间。 高性能传感:具备高精度,分辨率1/2,000,反应时间2.5ms(最长5,000ms可调),温度特性±0.5%F.S.,重复精度±0.1%F.S. 电子元件吸附检测:监测吸盘是否成功吸附电子元件。 总压力监测:测量管道或容器内的压力水平。 空气泄漏检测:通过压力变化检测泄漏情况。 DP-101□:适用于低压环境(-100kPa至100kPa)。 DP-102□:适用于高压环境(0kPa至1MPa)。 订购时需根据实际需求选择合适型号,考虑传感器的适用范围和工作条件。手册提供详细订购流程及注意事项,包括相关认证信息(如韩国S标志)。 复制功能:通过数据通信将主传感器设定复制到其他传感器,支持多种设定模式,避免设定错误,节省时间。 操作模式:RUN模式用于日常监控,菜单设定模式用于深入设置,PRO模式提供高级功能。 使用前需仔细阅读手册,了解各功能使用方法。遵循安全指南,正确安装和使用传感器,避免损坏。对于

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧