个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我希望悬停从左右进入然后逐渐消失它对我不起作用我正在努力但它没有修复我不知道我在编码中遗漏了什么我知道它很简单但有时很简单是最难的任务我需要根据我的要求进行指导我不知道为什么它会超出页面我几乎根据我的潜力尝试了
<html>
<head>
<title> Assignment one animation</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready (function(){
$(".dd").hover (function(){
var div = $(".dd");
div.fadeOut().animate({width: "toggle"}, 5000);
});
});
$(document).ready (function(){
$(".bb").hover (function(){
var div = $(".bb");
div.fadeOut().animate({width: "toggle"}, 5000);
});
});
</script>
<style>
.dd{
position:absolute;
left:0;
top:1%;
opacity: 0.5;
width: 50%;
height: 91%;
background: #ccc;
}
.bb{
position: absolute;
left: 50%;
right:0;
top: 1%;
width: 49.5%;
height: 91.2%;
opacity: 0.5;
background: #ccc;
margin-right:20px;
}
#i{
width:100%;
}
</style>
</head>
<body style="overflow-x:hidden;">
<img id="i" src="images/3.png">
<div class="img3">
<div class="dd">
</div>
<div class="bb">
</div>
</div>
</body>
</html>
最佳答案
首先我建议你不要放入，你最好先充电
你是说类似的意思吗？
$(document).ready(function(){
$('#square').hover(
function(){
$( "#square" ).animate({
right: "50%",
opacity: 0
}, 1500 );
}, function(){
$( "#square" ).animate({
right: "0",
opacity: 1
}, 1500 );
}
);
});#square{
position : absolute;
right : 0;
width : 50%;
height : 100vh;
background-color : #F00;
opacity : 1;
}
#square:hover{
cursor : pointer;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="square"></div>顺便说一下，你可以只用 CSS 来做到这一点
#square{
position : absolute;
right : 0;
width : 50%;
height : 100vh;
background-color : #F00;
opacity : 1;
transition : all 1.5s ease-in-out;
}
#square:hover{
cursor : pointer;
right : 50%;
opacity : 0;
}<div id="square"></div>关于jquery - 悬停以从左右进入横幅，然后消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49688114/
24
4
0
如果我 mov, eax 12345 和之后的 mov var, eax (假设 var 是一个 32 位的 int 等..等等)并输出 var 稍后它会正确输出。 与 ax 相同。 mov ax,
我有这个代码: for($nrt=0; $nrt"; if($sidesIndexes[$nrt]==$nrt) { echo "am I in??? ".$sidesInde
我正在阅读The Go Programming Language的8.5章，并陷入一些代码。下面的代码列表。 func main() { naturals := make(chan int)
我写了一个 MySQL 查询用于将数据导出到文本文件。 查询运行成功，但结果与我的预期不符。 我想在列之间没有间距的结果。 select sample_export_record1_2013.
在普通的 Excel 窗口中，我可以打开 VBE 并通过触摸键序列插入一个新模块:ALT+F11、ALTim 全部不使用鼠标。有没有办法打开 VBE 并导航到 本工作手册 不使用鼠标的代码区域？ 最佳
我正在使用 axios 发出 http 请求。在 .then() 内部，我正在使用另一个 axios 调用。最后，我有第三个 then()，它应该在第二个 then 之后运行，但实际上并没有这样做。
我需要在 cocos2d 项目中播放视频..我的问题是:如何将 MPMoviePlayerController 放入我的 View 中，如下所示:？ UIView *theView = [[CCDir
我正在学习 Angular。以下代码有效: .controller('abc', function ($scope, $http) { $http.get("/Handlers/Authenticat
目前我正在使用 WPF 学习 C#。我的主要方法是尽我所能使用 MVVM 模式，但现在我有点困惑。 在我所有 View 的应用程序中，我有一个 View 模型: private DruckviewVi
关于将 G 邮件提取到 Google 电子表格，我该如何添加 IF 以按主题驳回特定电子邮件？例如:电子邮件回复(主题中带有“RE:”)。我不希望这些电子邮件出现在我的电子表格中。 我尝试过使用 LO
我正在尝试使用 Spotify API 并进入数组。 const App = () => { const [isLoading, setIsLoading] = useState(true);
我有一个 html 模板，并且有一个条件为 --> 的代码 --> window.jQuery || document.write(""+"");
我正在开发一个 Android 应用程序，该应用程序会暴力破解从 int 创建的 MD5 和。 暴力破解部分工作正常。 (我可以sysout最终值并且它是正确的。) 我在将输出值发送到警报对话框时遇到
我正在创建一个界面，用户可以通过该界面生成多系列折线图，并控制绘制哪些数据集。 要绘制哪些数据集由复选框控制。页面加载时，默认数据集以图表形式呈现，并且 $('input:checkbox.data-
我尝试将有向无环图绘制为力布局。 但是我注意到，尽管为每个组元素灌输了进入/退出条件，弹出的节点/链接并没有从 DOM 中删除它们自己。 相反，弹出的节点/链接在力布局中卡住；这意味着没有调用进入/退
这里是新手。我不知道它是怎么发生的，但我正在处理一个程序，当我去调试并进入时，黄色箭头走到了我代码的最后并跳过了整个 block 。有快速解决方法吗？ 最佳答案 按 F11，或单击工具栏上的“Step
我的 Action 栏 sherlock 中有一个列表。我想在用户点击该列表时得到。我不想知道用户何时点击某个项目，我已经知道 (onNavigationItemSelected)。 在我的 onCr
** 你好 **我如何从 ci 中的 mysql 日期获取 eurodate 来工作......无法弄清楚 - 请帮忙 想要获取日期 YY-mm- dd -> dd-mm-yy提前致谢 最佳答案 $t
我有以下脚本: #!/bin/bash ls -1 | while read d do [[ -f "$d" ]] && continue echo $d cd $d done
TL;DR - 跳转到最后一段 背景 我正在执行一些数据驱动测试，并将日志文件用作测试输出之一。它的工作原理是这样的- 读取文件夹中的第一个文件 处理第一行并转换为测试 运行测试 执行验证 1 ...
我是一名优秀的程序员,十分优秀！