jquery 文字(颜色)闪烁显示
2013-04-07 13:46
183 查看
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery 文字显示</title>
</head>
<style>
.table-list-warp .tab-all tbody td {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #666666;
color: #333333;
padding: 4px;
text-align: center;
vertical-align: middle;
}
</style>
<script type="text/javascript" src="http://cdn.17zuoye.com/public/framework/scripts/jquery-1.7.1.min.js?v=1.0.1"></script>
<body>
<div class="table-list-warp">
<table class="tab-all">
<tbody>
<tr>
<td><a id="step_6_2_1_but" href="javascript:void(0);" class="ai_m py_b" style="font-size: 18px;">jquery 文字闪烁显示</a></td>
</tr>
</tbody>
</table>
</div>
<script>
$(function(){
function init(){
$('#step_6_2_1_but').trigger("mouseenter");
}
var colors = ["#0000FF","#FFFFFF","#FFFFFF","#0000FF"];
var colorsLength = colors.length;
var aimRun = function( aim ){
if ( aim == null ){
clearInterval( aimInterval );
return;
}
var idx = 0;
var o = false;
aimInterval = setInterval(function(){
aim.css({color:colors[idx]});
o = o ? !(--idx < 1): ++idx + 1 > colorsLength ;
},100);
};
$(".ai_m").on("mouseenter", function(){
aimRun($(this));
});
init();
});
</script>
</body>
</html>
相关文章推荐
- iOS 在一个UILabel里显示不同的颜色,给文字加下划线
- jQuery实现行背景颜色的交替显示
- 一个带有属性的字符串(比如文字颜色/字体属性等文字属性) 在label上显示需要使用 attributedText 属性
- 给一个TextView控件中的文字显示不同的颜色
- android--设置TextView部分文字的颜色和背景(高亮显示)
- label显示不同颜色的文字
- GridView判断使文字显示不同的颜色的两种方法:1前右判断;2.后台判断
- 设置UIButton的文字显示位置、字体的大小、字体的颜色
- jquery实现微博文字输入框 输入时显示输入字数 效果实现
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- Jquery之鼠标移动到图片上显示文字并且文字可以点击
- TextView中显示不同颜色的文字和图片
- jQuery标题文字淡入淡出显示效果
- JAVA学习绘图颜色及其笔画属性设置字体显示文字
- TextView显示不同颜色文字--工具类TextUtil
- 在一个TextView之中,显示多种颜色字号的文字
- 用一个TextView将文字用多种颜色显示
- jquery让指定的元素闪烁显示的方法
- iOS开发-- 设置UIButton的文字显示位置、字体的大小、字体的颜色
- 最新历史版本 :android--设置TextView部分文字的颜色和背景(高亮显示)