首页 > Web开发 > 详细

js实现元素边框闪烁功能

时间:2015-03-04 18:29:54      阅读:255      评论:0      收藏:0      [点我收藏+]
<body>
  <input type="text" value="test" onclick="flash(this)">
 </body>
 <script>
 function flash(elem){
    var elem = typeof elem === ‘string‘ ? document.getElementById(elem) : elem, // 参数可接收id或者元素本身
        borderColor = elem.style.borderColor
    elem.style.borderColor = borderColor == ‘red‘ ? elem.borderColor : ‘red‘
    if (!elem.timer) {
        elem.times = 6
        elem.borderColor = borderColor // 保存元素原来的边栏样式
        elem.timer = setInterval(function() { flash(elem) }, 180) // 这里直接以元素当做参数, 提升执行效率
    } else {
        if (elem.times == 0) {
            clearInterval(elem.timer)
            elem.timer = null
        }
        elem.times--
    }
}
 
 </script>

 

js实现元素边框闪烁功能

原文:http://www.cnblogs.com/duwenlei/p/4313665.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!