如何实现让CSS边框发光的高亮效果

html-css018

如何实现让CSS边框发光的高亮效果,第1张

div{width: 200pxheight: 200pxbackground: #dadadaborder:5px solid redanimation: shine 1s alternate infinite}

@keyframes shine{

from{border-color: rgba(0,0,0,0)}

to{border-color: rgba(0,0,0,1)}

}

<script language="javascript">

<!--

function changeEl(El){

try{

if(typeof El != "object") {

return

}

var els = document.all("ttttt")

if(typeof els == "object" &&els != null){

if(!els.length)els = [els]

for(var i in els){

els[i].setAttribute("id", "pageLinks")

}

}

El.setAttribute("id", "ttttt")

}catch (E){}

}

//-->

</script>

ID名ttttt是高亮样式,pagelinks是默认样式,调用ttttt是把这样默认的覆盖掉,这样调用<div id="pageLinks" onClick="changeEl(this)"><a href="#">123</a>

定义两个ID样式(#pageLinks和#ttttt),然后贴上我的代码,就可以了,有什么好解释滴?

多说无益,实践才是真理啊伙计

然后,在你的标签内添加如下2个事件tab.rows[i].onmouseout = function () { this.className = "a1"}}else {tab.rows[i].onmouseout = function () { this.className = ""}}tab.rows[i].onclick= function () { this.className = "a2"}}}}现在我移开光标还没有点击另外一行,该行的高亮显示就消失了,请问以上代码应该怎样修改?