js按钮闪动效果

达到这两个效果来回替换,达到醒目的作用(只是简单的QAQ)

var intrvl = 0;
for (var i = 0; i < 15; i++) {
       intrvl += 300;
       setTimeout("$('#in_lidian').css('border', '7px solid red');", intrvl);
       intrvl += 300;
       setTimeout("$('#in_lidian').css('border', '0px solid red');", intrvl);
 }
时间: 2024-10-02 15:03:41

js按钮闪动效果的相关文章

js元素闪动效果

<img src="http://yjy.allbring.com/UpLoadFiles/head/p1_20140326104945_17-10164142709.jpg"  style=" position:relative;"  id="aa" />function setAnimation() { var attr = ["top", "left"], b = 0; u = setIn

图片切换特效(1):原生JS图片切换效果

转自:http://www.codefans.net/jscss/code/4699.shtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

导航条点击按钮切换效果

<!--[if IE]><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><![endif]--><html xmlns="http://www.w3.org/1999/xhtml"><head>&

JS图片切换效果

源地址:http://www.codefans.net/jscss/code/4699.shtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

css闪动效果 ----样式发生快速的变化

<!DOCTYPE > <html> <head> <title>JS+CSS做文字闪烁</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> .wa{ font-size:13px; color: #0000FF; } .wa2{ font-size:13px; col

JS按钮控制内容左右滚动

运行效果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS按钮控制内容左右滚动</title> <style> *{ padding: 0; margin: 0;} li{ list-style: none;} .clearfix{ *zoom:1;} .clearfix

css3仿制js的弹力效果

使用css3技术仿制的JavaScript弹力效果,其实做这个效果和Js的原理是一样的:就是控制位置和时间,但是不同的是css用transform的translate来控制,其实现的最终是transition. <!DOCTYPE HTML> <html lang="en-US"> <head> <title>潜水射流曝气机</title> </head> <body> <style type=&

js拖拽效果实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>    <meta

网页title标题的闪动效果

通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见. 1 显示信息数: 2 <input type="text" id="textMsgs"/> 3 <button title="开始闪动" onclick="flashTitle('您有' + document.getElementById('textMsgs').value + '条新信息');">开始