相关疑难解决方法(0)

jQuery"闪烁突出显示"对div的影响?

我正在寻找一种方法来做到以下几点.

我添加了<div>一个页面,ajax回调返回一些值.将<div>填充有从AJAX调用值,并且<div>然后将被预置到另一个<div>,其作为一个表列.

我想引起用户的注意,向他/他表明页面上有新内容.
我希望<div>闪烁,而不是显示/隐藏,但突出/不突出一段时间,让我们说5秒钟.

我一直在看blink插件,但据我所知,它只显示/隐藏在一个元素上.

顺便说一句,解决方案必须是跨浏览器,是的,不幸的是IE包括在内.我可能不得不破解一点,让它在IE中工作,但总的来说它必须工作.

css jquery effects highlighting

85
推荐指数
7
解决办法
22万
查看次数

使用纯css过渡的"闪光"颜色

当有点击事件时,我试图给用户一个"闪光"的颜色.我可以使用过渡使颜色以令人愉悦的方式出现,但我希望颜色在.5s后消失,而不删除"活动"类.但有一个要求是我不能使用jQuery动画,这必须在CSS中完成.

下面是我目前正在使用的CSS.

.active{
  background-color: yellow;
  -webkit-transition: background-color .5s linear;
  transition: background-color .5s linear;
}
Run Code Online (Sandbox Code Playgroud)

我尝试指定第二个值,但我不认为这是有效的标记,因为它不起作用.

.active{
  background-color: yellow;
  -webkit-transition: background-color .5s linear, background-color:transparent .5s linear;
  transition: background-color .5s linear, background-color:transparent .5s linear;
}
Run Code Online (Sandbox Code Playgroud)

http://jsbin.com/itivum/1/edit

css html5 css3

28
推荐指数
2
解决办法
5万
查看次数

突出div几秒钟

我有很多div,当我任何div,它的内容被复制到最顶层的div,但我想突出显示最顶层的div,我怎么能用jQuery来做.

码:

<div id="code"> </div>

<div id="1">Click Me</div>
<div id="2">Click Me, please</div>
Run Code Online (Sandbox Code Playgroud)

当我使用id 1或2单击div时,它的内容将被复制到具有"code"id的div,但我需要突出显示几秒钟,以便我可以通知用户某些内容已更改.

jquery

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

你如何使图像闪烁?

如果可能的话,我想知道如何使CSS中的图像闪烁.我希望它闪烁在哪里.

我也想改变速度,但主要是我想让它眨眼.

html css image blink

9
推荐指数
2
解决办法
7万
查看次数

带有闪烁边框的表格单元格

我正在制作一个用户界面,我需要在其中突出显示表格中的单元格。我已经为别的东西使用了颜色,所以我需要使用边框。我创建了 css 来将边框更改为虚线,但这并没有突出显示。我想知道是否有任何方法可以为边框设置动画,以便它们闪烁或圆形(典型的虚线边框动画)。我尝试了@keyframes 和动画,但失败了。

我很高兴用 javascript 来做,但我不能使用 jQuery 或任何其他框架。

如果有人对突出显示单元格有任何其他建议,那也可能有所帮助。

我使用的测试代码是这样的:

<table class="t">
    <tr>
        <td class="t">1</td>
        <td class="t top">2</td>
        <td class="t">3</td>
    </tr>
    <tr>
        <td class="t left">4</td>
        <td class="t middle">5</td>
        <td class="t right">6</td>
    </tr>
    <tr>
        <td class="t">7</td>
        <td class="t bottom">8</td>
        <td class="t">9</td>
    </tr>
</table>    
Run Code Online (Sandbox Code Playgroud)

CSS:

table.t {
    border-collapse: collapse;
    border:1px;
    table-layout:fixed;
}

td.t {
    border: 1px solid black;
    width: 50px;
}

td.top {
    border-bottom: 1px dashed black;
}
td.left {
    border-right: 1px dashed black;
}
td.right {
    border-left: 1px dashed black; …
Run Code Online (Sandbox Code Playgroud)

javascript css css-animations

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

标签 统计

css ×4

jquery ×2

blink ×1

css-animations ×1

css3 ×1

effects ×1

highlighting ×1

html ×1

html5 ×1

image ×1

javascript ×1