每当用户将鼠标悬停在标题上时,我想让这个木质横幅从标题后面“掉落”。
我已经在整个网络上搜索了至少一个如何做到这一点的例子。我没有找到。我知道有一种叫做 Google Gravity 的东西,它会将对象放到页面底部。也许就是这样,只是我希望横幅根据绳索的长度落下。现在我什么都没试过,因为我根本不知道如何解决它。肯定有一些javascript在运行。你们中的任何人都可以帮帮我吗?
每当用户将鼠标悬停在标题上时,我想让这个木质横幅从标题后面“掉落”。
我已经在整个网络上搜索了至少一个如何做到这一点的例子。我没有找到。我知道有一种叫做 Google Gravity 的东西,它会将对象放到页面底部。也许就是这样,只是我希望横幅根据绳索的长度落下。现在我什么都没试过,因为我根本不知道如何解决它。肯定有一些javascript在运行。你们中的任何人都可以帮帮我吗?
JQuery 是一个 javascript 库,应该能够轻松完成这项任务,并且相对容易理解。
例如,如果您的图像具有 id, drop
,您可以执行以下操作:
在 CSS 中,将 #drop 选择器设置为 display:none; 使其不可见:
#drop { display:none }
在 JQuery 中,您可以使用相同的选择器使其在某个事件(单击、倒计时、鼠标悬停等)之后下拉。这是横幅的鼠标悬停示例,带有 id banner
:
$('#banner').mouseover(function(){
$('#drop').slideDown();
});
您可以在 html 底部添加带有 script 标签的 JQuery:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>