用setInterval制作不间断闪动提示

作者:norion时间:2012年4月25日评论次数:0 条

之前的项目要求一个功能的演示,本来想是用视频直接做一个演示,后来人力有限,只能用演示做成html页面,但是总是没有那么直观,于是加上一个红框让其闪动,提示使用者点击,大致的效果如下:

setInterval做制作闪动的效果图

用setInterval制作的代码如下:

jQuery代码:

function changeColor(){
	jQuery('#MessageBtn').toggleClass('MessageBtn');
}
jQuery(function (jQuery) {
	setInterval('changeColor()',500);
});

html代码:

<span id="MessageBtn">马上试试</span>

css代码:

#MessageBtn{display:block;width:129px;height:35px;position:absolute;top:356px;right:68px;border:2px solid #fff;text-index:-999em;}
.MessageBtn{border:2px solid #fff;}

标签:

上一篇: wordpress的搜索模板无效?

下一篇:用jquery做的返回顶部滑动按钮

相关文章

评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注