小编kul*_*lan的帖子

逐一淡入每一个李

我想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所以如果这是一个蹩脚的问题,请原谅我.

html javascript css jquery

23
推荐指数
3
解决办法
2万
查看次数

移除两个梯形之间的空间

出于某种原因,我的梯形之间存在空间.

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

有没有办法在不使用负边距的情况下移除空间?

html css

19
推荐指数
2
解决办法
840
查看次数

两个内联块和块元素之间的垂直空间

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

它从何而来?如何在没有负边距的情况下摆脱它(因为在某些屏幕上它们可能重叠).

html css

9
推荐指数
3
解决办法
2410
查看次数

使用CSS中心Google表单

我在我的网站上嵌入了一个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)

html css google-forms

6
推荐指数
1
解决办法
3144
查看次数

Perl将正则表达式匹配组分配给变量

我有一个以下格式的字符串:_num1_num2.我需要为某些变量赋值num1num2赋值.我的正则表达式是(\d+),它在Rubular.com上显示了正确的匹配组,但我不知道如何将这些匹配组分配给某些变量.有谁能够帮我?谢谢你.

regex perl grouping

4
推荐指数
1
解决办法
5186
查看次数

循环遍历给定目录中的文件

我试图遍历用户指定目录中的每个文件。这是我的代码:

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)

它有效,但它只显示当前目录的内容

bash

3
推荐指数
1
解决办法
3万
查看次数

Bash,使用cmp时如何打印出来的文件是一样的

cmp file1 file2文件相同时什么都不做.那么如何在shell脚本中打印出相同的文件呢?

bash cmp

3
推荐指数
1
解决办法
1177
查看次数

PHP:为什么 !!"0.00" 结果为真

我有一个变量$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”。

php

2
推荐指数
1
解决办法
238
查看次数

标签 统计

css ×4

html ×4

bash ×2

cmp ×1

google-forms ×1

grouping ×1

javascript ×1

jquery ×1

perl ×1

php ×1

regex ×1