标题的色彩效果

时间:2017-04-09 21:40:31

标签: jquery

我正在寻找创建一个标题并计算其字长以将其划分为3个单独跨度的函数。

每个跨度都会应用一种独特的风格。

示例:

Please enter Employees first name.
 test
Please enter Employees last name.
 me
Please enter Employees salary.
 100
Please enter Employees first name.

Please enter Employees last name.

Please enter Employees salary.

Teacher 1: test me      Salary(per year):100

The average salary is:100 per year
The top salary is 100
The bottom salary is 100
Press any key to continue . . .

任何帮助实现这种效果而不是手动操作都会很棒。

1 个答案:

答案 0 :(得分:1)

我使用Insert an integer: 1 Insert an integer: 3 Insert an integer: 9 Insert an integer: 2 Insert an integer: 0 Insert an integer: 8 Insert an integer: 7 Insert an integer: 5 Insert an integer: 6 Insert an integer: 4 Max value: 9 功能与substr结合使用。



.html()

headline = "Terminator";
sub = Math.floor(headline.length/3);
first = headline.substr(0,sub);
second = headline.substr(sub,sub);
third = headline.substr(sub*2);

$("<span style='color:red'>").html(first).appendTo("body");
$("<span style='color:blue'>").html(second).appendTo("body");
$("<span style='color:green'>").html(third).appendTo("body");
&#13;
&#13;
&#13;