如何实现表格边框不断闪烁,要纯html代码

如何实现表格边框不断闪烁,要纯html代码,第1张

实现表格边框不断闪烁,纯html代码是实现不了的,css只能指定一种边框颜色,必须结合JS代码才能实现。

下面是一个简单的边框闪烁例子:

<div id="abc" style="width:200pxheight:200pxborder:5px solid #E9F47B">这里是200*200的闪烁框</div>

<script>

var i=0

function shine(id){

var obj= document.getElementById(id)

if(i==0){obj.style.borderColor="#E9F47B"i=1}else{obj.style.borderColor="red"i=0}

}

setInterval("shine('abc')",100)//边框变化时间,100可以根据情况调整大小

</script>

1】css方式

.btn:hover{

/*调用css3动画或者可以闪烁的gif*/

}

2】js方式

$().hover(function(){

//鼠标进入事件

},function(){

//鼠标移出事件

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8349314.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存