用js 使同一行字字 显示不同的颜色
6个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
<!--
window.onload = function(){
var words = document.getElementById('words');
var html = words.innerText.replace(/(\S)/g,function(key){
var r = parseInt(Math.random() * 255);
var g= parseInt(Math.random() * 255);
var b = parseInt(Math.random() * 255);
var color = 'rgb('+r+','+g+','+b+')';
return '<font color="'+color+'">' + key + '</font>';
});
words.innerHTML = html;
}
//-->
</script>
<body>
<div id="words">这是一行彩色文字，每次刷新颜色都会不同！<div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML>
<html>
<title>title</title>
<head>
<style>
#txt{
margin:20px;
padding:10px;
font-size:20px;
font-weight:bold;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id='txt'></div>
</body>
<script>
$(function(){
var text = '01234567890123456789012345678901234567890123456789012345678901234567890123456789';
var i = 0;
function write(){
setTimeout(function(){
write();
}, 200);
if(i <= text.length){
var span = $('<span></span>');
span.html(text[i]);
var randomColor = 'rgb(' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) +')';
span.css({color:randomColor});
span.appendTo($('#txt'));
i++;
}
}
write();
});
</script>
</html>
可以试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要用jstl里面的循环
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我晕~你又来问了~难道我给你的答案不对吗？还那我给你的代码来问~你想实现什么效果啊？我帮你做！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你给每个字加上span,让后方别给color赋值就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
