<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品展示</title>
<style>
body,img{
margin:0px;
padding: 0px;
}
body{
margin: 100px auto 0px auto;
background-image: url("./images/01big.jpg");
background-repeat: no-repeat;
background-position: center;
}
.box{
width:366px;
height:70px;
margin: 435px auto 0px auto;
cursor: pointer;
}
.box img{
width: 70px;
}
</style>
<script>
function $(id){
return document.getElementById(id);
}
window.onload = function(){
$('img1').onmousemove = function(){
document.body.style.backgroundImage = "url('./images/01big.j
web中鼠标的点击事件
最新推荐文章于 2024-07-18 07:00:00 发布
该博客展示了如何在HTML和JavaScript中实现鼠标悬停在小图片上时,网页背景图片随之改变的效果。通过设置CSS和JavaScript事件监听,当鼠标移到不同小图片上时,对应的大型背景图片会切换。
摘要由CSDN通过智能技术生成