PHP多个数组遍历后的字符串加CSS格式后再随机输出。

Question

$a='长颈鹿,大象,小猫,老虎,';/*此段字符颜色红色，字号12*/$b='兔子,猫肉,羊肉,牛肉,';/*此段字符颜色紫色，字号16*/$c='你好,谢谢,再见,很好,';/*此段字符颜色黄色，字号20*//*三段字符串，分别与中间逗号分割。用以下一步的分割成数组*/$aa=explode(",",$a.$b.$c);
/*数组后,然后我想的是用array_rand（）函数，然后遍历出随机排列的字符串*/现在的问题是，如何将$a $b $c,这三组字符串分别设定好CSS颜色，文字大小。然后汇总在一起，再随机排列输出。

Answer 1

$a = "<font xx>长颈鹿,大象,小猫,老虎</font>";
直接定义成类似这种格式不行吗？

Answer 2

$a='长颈鹿,大象,小猫,老虎,';
$a1='<font style="background:red;font-size:12px;">'.$a.'</font>';
$b='兔子,猫肉,羊肉,牛肉,';
$b1='<font style="background:green;font-size:16px;">'.$b.'</font>';
$c='你好,谢谢,再见,很好,';
$c1='<font style="background:orange;font-size:20px;">'.$c.'</font>';
$aa=explode(",",$a1.$b1.$c1);
print_r($aa);
$anum=count($aa);
$result = array_rand($aa,$anum);
foreach($result as $key=>$val){echo '<a target="_blank" href="http://www.123.com/'.$aa[$key].'">'.$aa[$key].'</a>';}
这样根本不行，没法随机顺序输出，并且输出来样式全乱。

Answer 3

<?php
$arr = array("<a href=''><h1>a</h1></a>", "<a href=''><h2>b</h2></a>", "<a href=''><h3>c</h3></a>");
for ($i = 0, $count = count($arr); $i < $count; $i++)
{
$num = array_rand($arr);
$str .= $arr[$num];
}
echo $str;
类似这样不行吗？

Answer 4

header('content-type:text/html; charset=utf-8');
$a='长颈鹿,大象,小猫,老虎,';
$a1='<font style="background:red;font-size:12px;">'.$a.'</font>';
$b='兔子,猫肉,羊肉,牛肉,';
$b1='<font style="background:green;font-size:16px;">'.$b.'</font>';
$c='你好,谢谢,再见,很好,';
$c1='<font style="background:orange;font-size:20px;">'.$c.'</font>';
$arr2 = array($a1, $b1, $c1);
for ($i = 0, $count = count($arr); $i < $count; $i++)
{
$num = array_rand($arr2);
$str2 .= $arr2[$num];
}
echo $str2;

Answer 5

$arr2 = array($a1, $b1, $c1);
for ($i = 0, $count = count($arr); $i < $count; $i++)
{
$num = array_rand($arr2);
$str2 .= $arr2[$num];
}
这个地方是不是应该是：
$arr2 = array($a1, $b1, $c1);
for ($i = 0, $count = count($arr2); $i < $count; $i++)
{
$num = array_rand($arr2);
$str2 .= $arr2[$num];
}还有就是$i没有用到

Answer 6

不好意思啊，这下好了，复制这个
header('content-type:text/html; charset=utf-8');
$a='长颈鹿,大象,小猫,老虎,';
$a1='<font style="background:red;font-size:12px;">'.$a.'</font>';
$b='兔子,猫肉,羊肉,牛肉,';
$b1='<font style="background:green;font-size:16px;">'.$b.'</font>';
$c='你好,谢谢,再见,很好,';
$c1='<font style="background:orange;font-size:20px;">'.$c.'</font>';
$arr = array($a1, $b1, $c1);
for ($i = 0, $count = count($arr); $i < $count; $i++)
{
$num = array_rand($arr);
$str .= $arr[$num];
}
echo $str;

Answer 7

刚才好像还是有点问题，随机行太大了。我想的是每段字符（分别有4个单词）固定他们的CSS色，大小。然后随机排列，每次刷新输出的时候需要保证12个单词都显示出来。简单说就是跟“云标签差不多”

Answer 8

$style1 = '<font style="background:red;font-size:12px;">';
$style2 = '<font style="background:green;font-size:16px;">';
$style3 = '<font style="background:orange;font-size:20px;">';
$style = '</font>';$a = $style1.'长颈鹿'.$style;
$b = $style1.'大象'.$style;
$c = $style1.'小猫'.$style;
$d = $style1.'老虎'.$style;$e = $style2.'兔子'.$style;
$f = $style2.'猫肉'.$style;
$g = $style2.'羊肉'.$style;
$h = $style2.'牛肉'.$style;$i = $style3.'你好'.$style;
$j = $style3.'谢谢'.$style;
$k = $style3.'再见'.$style;
$l = $style3.'很好'.$style;$arr = array($a, $b, $c, $d, $e, $f, $g, $h, $i, $j, $k, $l);
for ($i = 0, $count = count($arr); $i < $count; $i++)
{
$num = array_rand($arr);
$str .= $arr[$num];
}
echo $str;看看这个效果

Answer 9

不随机更简单，只需将数组的顺序打乱就可以了，复制下面的运行下：
$style1 = '<font style="background:red;font-size:12px;">';
$style2 = '<font style="background:green;font-size:16px;">';
$style3 = '<font style="background:orange;font-size:20px;">';
$style = '</font>';$a = $style1.'长颈鹿'.$style;
$b = $style1.'大象'.$style;
$c = $style1.'小猫'.$style;
$d = $style1.'老虎'.$style;$e = $style2.'兔子'.$style;
$f = $style2.'猫肉'.$style;
$g = $style2.'羊肉'.$style;
$h = $style2.'牛肉'.$style;$i = $style3.'你好'.$style;
$j = $style3.'谢谢'.$style;
$k = $style3.'再见'.$style;
$l = $style3.'很好'.$style;$arr = array($a, $b, $c, $d, $e, $f, $g, $h, $i, $j, $k, $l);
shuffle($arr);
foreach($arr as $val)
{
echo $val.' ';
}

Answer 10

再试试这个，看看效果
header('content-type:text/html; charset=utf-8');$arr = array('长颈鹿', '大象', '小猫', '老虎', '兔子', '猫肉', '羊肉', '牛肉', '你好', '谢谢', '再见', '很好');
$style_arr = array();foreach($arr as $val)
{
$font_size = rand(12, 20).'px';
$font_color = 'rgb'.'('.rand(0, 255).','.rand(0, 255).','.rand(0, 255).')';
$style = '<font style='."background:{$font_color};font-size:{$font_size};".'>';
$font = '</font>';
$style_arr[] = $style.$val.$font;
}
shuffle($style_arr);
foreach($style_arr as $val2)
{
echo $val2.' ';
}

Answer 11

$a = '长颈鹿,大象,小猫,老虎';
$b = '兔子,猫肉,羊肉,牛肉';
$c = '你好,谢谢,再见,很好';echo <<< STYLE
<style>
.c1 { background:red; font-size:12px; }
.c2 { background:green; font-size:16px; }
.c3 { background:orange; font-size:20px; }
</style>
STYLE;$aa = explode(',', $a);
array_walk($aa, 'func', 'c1');
$bb = explode(',', $b);
array_walk($bb, 'func', 'c2');
$cc = explode(',', $c);
array_walk($cc, 'func', 'c3');$ar = array_merge($aa, $bb, $cc);
shuffle($ar);
echo join('', $ar);function func(&$item, $key, $param) {
  $item = "<span class='$param'>$item</span>";
}

Answer 12

这个用php太浪费了吧，用js就可以了
<html>
<head>
<style>
.c1 {
color: red;
font-size: 12px;
}.c2 {
color: blue;
font-size: 16px;
}.c3 {
color: green;
font-size: 20px;
}
</style></head>
<body>
<div id="content"></div></body>
<script>
var a=["长颈鹿","大象","小猫","老虎"];
var b=["兔子","猫肉","羊肉","牛肉"];
var c=["你好","谢谢","再见","很好"];function setcss(){
var css,str='',j,k;
var e = a.concat(b,c);
var d=[0,1,2,3,4,5,6,7,8,9,10,11];
for(var i=0;i<12;i++){
j = parseInt(Math.random() * d.length);
k = d[j];
            if(k<4){
                css = "c1";
            }else if(k<8){
                css = "c2";
            } else {
             css = "c3";
            }
str += "<a class='" + css +"'>"+ e[k] +"</a>";
d.splice(j,1);
}
document.getElementById("content").innerHTML = str;
}
setcss();
</script>
</html>