Yes it is working but it is changing the color permanently i just want a flash... – user2217267
Snook有一个用CSS3做这个的很好的例子。这是一个工作示例,改编自该页面:我这样做,使用
document.getElementById(id).style.outline = 'red solid 3px';
这个工程有一个大纲(如文本域)的所有元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css" media="all">
:target {
-webkit-animation: target-fade 3s 1;
-moz-animation: target-fade 3s 1;
}
@-webkit-keyframes target-fade {
0% { background-color: rgba(0,0,0,.1); }
100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {
0% { background-color: rgba(0,0,0,.1); }
100% { background-color: rgba(0,0,0,0); }
}
</style>
</head>
<body>
<p>Click the link to <a href="#goal">target the div</a>.
<div id="goal">This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. </div>
</body>
</html>
什么是'.effect()'方法? – 2013-04-30 12:13:02
是的,我知道这是错误的....我尝试了一些我在网上发现的... – 2013-04-30 12:14:40
@ArtyomNeustroev我猜这是http://jqueryui.com/effect/ – 2013-04-30 12:14:41