如何实现表格边框不断闪烁,要纯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>

这个可以用js实现,主要就是不断的更换边框的颜色

这个直接放到代码里面 可以用的  你试试看吧

<table border="0" width="280" id="myexample" style="border:5px solid green">

<tr><td>源码爱好者与您分享编程源码、网站源码、网页素材、书籍教程、网站模板、网页特效代码等,做高质量的学习型源码下载站。

<br></td>

</tr>

</table>

<script language="JavaScript1.2">

<!--

function flashit(){

var myexample = document.getElementById('myexample')

if (myexample.style.borderColor=="green")

myexample.style.borderColor="red"

else

myexample.style.borderColor="green"

}

setInterval("flashit()", 500)


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存