我想li
逐个淡化每个导航.这是我目前的代码.它显示了整个div,现在我想逐渐淡出每li
一个稍微延迟.
$(document).ready(function(){
$("#circleMenuBtn").click(function(){
$("#dropDownMenu").fadeIn(500);
});
});
Run Code Online (Sandbox Code Playgroud)
<div class="sub-menu" id="dropDownMenu">
<ul id="navbar">
<li> First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
<li>Fifth</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
.sub-menu {
position: absolute;
z-index: 1000;
color: #fff;
right: 5px;
display: none;
}
Run Code Online (Sandbox Code Playgroud)
我尝试循环尝试li
在一次迭代中逐渐淡入但没有成功.请分享您的想法.
更新:Rory McCrossan的代码非常完美.不幸的是,它与我在外面点击时隐藏菜单的代码不兼容.
$(document).mouseup(function (e) {
var container = $("#dropDownMenu");
if (!container.is(e.target)
&& container.has(e.target).length === 0) {
container.fadeOut(500);
}
});
Run Code Online (Sandbox Code Playgroud)
什么地方出了错?我刚开始学习JS和JQuery所以如果这是一个蹩脚的问题,请原谅我.
出于某种原因,我的梯形之间存在空间.
#trapezoid {
margin-top: 100px;
border-bottom: 100px solid red;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
height: 0;
width: 200px;
transform:rotate(90deg);
float: left;
}
#trapezoid2 {
margin-top: 100px;
border-bottom: 100px solid red;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
height: 0;
width: 200px;
transform:rotate(-90deg);
float: left;
}
Run Code Online (Sandbox Code Playgroud)
<div id="trapezoid2"></div>
<div id="trapezoid"></div>
Run Code Online (Sandbox Code Playgroud)
有没有办法在不使用负边距的情况下移除空间?
.rectangle {
width: 420px;
height: 143px;
color: #fff;
background: rgba(0, 0, 0, 0.7);
padding: 20px 0px 20px 10px;
position: relative;
display: inline-block;
vertical-align: top;
}
.triangle {
width: 0;
height: 0;
border-top: 92px solid transparent;
border-bottom: 92px solid transparent;
border-left:45px solid rgba(0, 0, 0, 0.7);
display: inline-block;
}
.block {
width: 200px;
height: 80px;
background: red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="rectangle"></div><!--
--><div class="triangle"></div>
<div class="block"></div>
Run Code Online (Sandbox Code Playgroud)
它从何而来?如何在没有负边距的情况下摆脱它(因为在某些屏幕上它们可能重叠).
我在我的网站上嵌入了一个google表单,它包含在div中.我尝试用CSS中心,但它不起作用.有没有办法完成这项任务?
我的代码:
#googleForm {
margin-left: auto;
margin-right: auto;
}
Run Code Online (Sandbox Code Playgroud)
<div id="googleForm">
<iframe src="https://docs.google.com/forms....></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)
我有一个以下格式的字符串:_num1_num2
.我需要为某些变量赋值num1
和num2
赋值.我的正则表达式是(\d+)
,它在Rubular.com上显示了正确的匹配组,但我不知道如何将这些匹配组分配给某些变量.有谁能够帮我?谢谢你.
我试图遍历用户指定目录中的每个文件。这是我的代码:
clear
echo "enter the directory path: \n"
read directory
for file in $directory; do
echo $file
done
Run Code Online (Sandbox Code Playgroud)
我的输入,例如: /home/user/Downloads
我得到的输出: /home/user/Downloads
如果我使用
clear
for file in *; do
echo $file
done
Run Code Online (Sandbox Code Playgroud)
它有效,但它只显示当前目录的内容
cmp file1 file2
文件相同时什么都不做.那么如何在shell脚本中打印出相同的文件呢?
我有一个变量$amount
,有时可以"0.00"
。当前要检查此变量是否具有值以及它是否不为零,正在使用以下条件:
if (!!$amount)
Run Code Online (Sandbox Code Playgroud)
当$amount
是"0.00"
或"0,00"
条件是true
,而它应该是false
。
最优雅的制作方法是什么false
?我想过使用
if ($amount === "0.0" || $amount === "0,00")
Run Code Online (Sandbox Code Playgroud)
和
if (!!floatval($amount))
Run Code Online (Sandbox Code Playgroud)
但没有更好的方法吗?
更新:再次检查并发现这.
是一个小数分隔符,所以它不能是“0,00”。