这是一个幽灵404页面,亮点是幽灵眼睛会跟着鼠标移动。
主要实现代码:
var pageX = $(document).width(); var pageY = $(document).height(); var mouseY = 0; var mouseX = 0; $(document).mousemove(function (event) { //verticalAxis mouseY = event.pageY; yAxis = (pageY / 2 - mouseY) / pageY * 300; //horizontalAxis mouseX = event.pageX / -pageX; xAxis = -mouseX * 100 - 100; $('.box__ghost-eyes').css({'transform': 'translate(' + xAxis + '%,-' + yAxis + '%)'}); })
404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。
1. 本站所有资源来源于网络和用户上传!如有侵权请邮件联系客服!sys(at)hoohtml.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!
3. 本由本站提供的程序对您的网站或计算机造成严重后果的本站概不负责。