代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.min.js"></script>
<script>
$(function(){
//i表示的是序号,n是元素
// $.each( [1,3,5], function(i, n){
// alert( "Item #" + i + ": " + n );
// });
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
$("img").mousemove(function(eve){
$("#mes").html("当前 鼠标位置:offsetX:"+eve.offsetX +" ,offsetY:"+eve.offsetY);
var x=eve.offsetX*10-100;
var y=eve.offsetY*10-100;
$("#da").css("background","url('image/f3.jpg')"+x+"px "+y+"px");
} );
})
</script>
<style>
*{
margin: 0px auto;
}
div{
border: #000000 solid 1px;
display: inline-block;
}
#xiao{
width:100px;
height:100px;
}
#da{
width:200px;
height: 200px;
background : url("image/f3.jpg") 400px 400px;
}
</style>
</head>
<body>
<p id="mes"></p>
<div id="xiao"><img width="100px" src="image/f3.jpg" alt="花"></div>
<div id="da"> </div>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。