小编Awi*_*089的帖子

带三角形的工具提示

我为这个问题创建了一个jsFiddle.

a.tip {
    position: relative;
}

a.tip span {
    display: none;
    position: absolute;
    top: -5px;
    left: 60px;
    width: 125px;
    padding: 5px;
    z-index: 100;
    background: #000;
    color: #fff;
    -moz-border-radius: 5px; /* this works only in camino/firefox */
    -webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
    font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
    display: block;
}
        
Run Code Online (Sandbox Code Playgroud)
<center><a href="http://google.com/" class="tip">Link!<span>Hi its me!</span></a></center>
Run Code Online (Sandbox Code Playgroud)

基本上我在我的网站上有一个工具提示,它出现在我链接的右侧.但是在黑匣子的左侧,我想在指向链接的方框上附加一个三角形,是否可以仅使用CSS执行此操作?就像这样,但在左边

带箭头的工具提示

css css3 css-shapes

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

Javascript数组速记

我只是想知道是否有写这段代码的简写方法:

allJobs[0].style.display = 'none';
allJobs[1].style.display = 'none';
allJobs[3].style.display = 'none';
Run Code Online (Sandbox Code Playgroud)

我试过这种方式,但它只隐藏了最后一个值而不是之前的值:

allJobs[0, 1, 3].style.display = 'none';
Run Code Online (Sandbox Code Playgroud)

我真的不能使用经典的for循环解决方案,我不认为因为某些数组元素被跳过并显示出来.谢谢.

编辑: 我有超过3个显示nones我只是想让问题简单,我不是懒得写3行!

javascript arrays loops

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

标签 统计

arrays ×1

css ×1

css-shapes ×1

css3 ×1

javascript ×1

loops ×1