web前端全系列 教程
1839个小节阅读:2243.7k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
var small = document.getElementById("small");
var zoom = document.getElementById("zoom");
var big = document.getElementById("big");
small.onmouseover = function(){
zoom.style.display = "block";
big.style.display = "block";
}
small.onmouseout = function(){
zoom.style.display = "none";
big.style.display = "none";
}
var rate = 800 / 450;
small.onmousemove = function(e){
var zoomX = e.clientX - small.offsetLeft - 150;
var zoomY = e.clientY - small.offsetTop - 150;
if(zoomX < 0){
zoomX = 0;
}
if(zoomX >= 150){
zoomX = 150;
}
if(zoomY <0){
zoomY = 0;
}
if(zoomY >= 150){
zoomY = 150;
}
zoom.style.left = zoomX + "px";
zoom.style.top = zoomY + 'px';
big.style.backgroundPositionX = -zoomX * rate + "px";
big.style.backgroundPositionY = -zoomY * rate + "px";
}