我正在寻找一种方法来做到以下几点.
我添加了<div>一个页面,ajax回调返回一些值.将<div>填充有从AJAX调用值,并且<div>然后将被预置到另一个<div>,其作为一个表列.
我想引起用户的注意,向他/他表明页面上有新内容.
我希望<div>闪烁,而不是显示/隐藏,但突出/不突出一段时间,让我们说5秒钟.
我一直在看blink插件,但据我所知,它只显示/隐藏在一个元素上.
顺便说一句,解决方案必须是跨浏览器,是的,不幸的是IE包括在内.我可能不得不破解一点,让它在IE中工作,但总的来说它必须工作.
当有点击事件时,我试图给用户一个"闪光"的颜色.我可以使用过渡使颜色以令人愉悦的方式出现,但我希望颜色在.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)
我有很多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,但我需要突出显示几秒钟,以便我可以通知用户某些内容已更改.
如果可能的话,我想知道如何使CSS中的图像闪烁.我希望它闪烁在哪里.
我也想改变速度,但主要是我想让它眨眼.
我正在制作一个用户界面,我需要在其中突出显示表格中的单元格。我已经为别的东西使用了颜色,所以我需要使用边框。我创建了 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) css ×4
jquery ×2
blink ×1
css3 ×1
effects ×1
highlighting ×1
html ×1
html5 ×1
image ×1
javascript ×1