图案跟随鼠标移动为什么不连贯

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#flyb{
				display: none;
				position: absolute;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			function show(){
				var left = window.event.clientX + 10;
				var top = window.event.clientY + 10;
				if(!document.getElementById("flyb")) return;
				document.getElementById("flyb").style.left = left + "px";
				document.getElementById("flyb").style.top = top + "px";
				document.getElementById("flyb").style.display="block";
				
			}
			function hide(){
				document.getElementById("flyb").style.display="none";
			}
		</script>
		
		<img src="img/a22.jpg" id="myimg"onmouseover="show();" onmouseout="hide();"  />
		
		<div id="flyb">
			<img src="img/33.GIF"/>
		</div>
		
	</body>
</html>

前端是门艺术

浏览 1967回答 3

3回答

botao555

共勉共勉!

0 0

前端是门艺术

已经会了<img src="img/a22.jpg" id="myimg"onmouseover="show();" onmousemove="show();" onmouseout="hide();" />

0 0

随时随地看视频慕课网APP