我有一个介绍视频，我想将其显示为网站的第一页，现在必须有一个按钮可以将用户带到主要内容。当用户将鼠标悬停在视频上时，我想将它放在中心的视频上。
这是我试过的:
<html>
<head>
<style>
#text{
z-index:9999;
position: absolute;
top:100px;
left:100px;
}
#video{
position:relative;
margin:0 auto;
left:0px;
right:0px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
</head>
<body>
<div id="text">
THis is a test text
</div>
<div id="video">
<embed src="videos/abc.mp4" height="600" width="800">
</div>
<script>
$(document).ready(function(){
$("#video").mouseenter(function(){
$("#text").show();
});
$("#video").mouseleave(function(){
$("#text").hide();
});
});
</script>
</body>
</html>
最佳答案
你根本不需要javascript:http://jsbin.com/fomiseze/1/
.close {
display: none;
}
#video:hover .close {
display: block;
}
关于jquery - 在鼠标悬停时在视频上显示自定义按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23672321/