Question

我有一个介绍视频，我想将其显示为网站的第一页，现在必须有一个按钮，将用户带到主要内容。当用户将鼠标悬停在视频上时，我想将其放在中心的视频上。

这就是我的尝试：

<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>

Answer 1

您根本不需要javascript：http://jsbin.com/fomiseze/1/

.close {
    display: none;
}

#video:hover .close {
    display: block;
}

在鼠标悬停时在视频上显示自定义按钮

1 个答案: