split 字符串的剪切 彩色文字效果
来源:互联网 发布:单片机控制电机 小车 编辑:程序博客网 时间:2024/06/06 08:26
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{width:300px;height:300px;border:1px #000 solid;}
span{padding:5px 10px;font-size: 14px;color:blue;}
</style>
<script type="text/javascript">
window.onload=function()
{
var oDiv=document.getElementById("div1");
var alnp=document.getElementsByTagName("input");
var arrColor=["#FFC","#CC3","#6FC"];
alnp[1].onclick=function()
{
var str=alnp[0].value;
var arr=str.split("");
for(var i=0;i<arr.length;i++)
{
arr[i]='<span style="background:'+arrColor[i%arrColor.length]+';">'+arr[i]+'</span>';
}
oDiv.innerHTML+=arr.join("");
}
}
</script>
</head>
<body>
<div id="div1"></div>
<input type="text"/>
<input type="button" value="按钮"/>
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{width:300px;height:300px;border:1px #000 solid;}
span{padding:5px 10px;font-size: 14px;color:blue;}
</style>
<script type="text/javascript">
window.onload=function()
{
var oDiv=document.getElementById("div1");
var alnp=document.getElementsByTagName("input");
var arrColor=["#FFC","#CC3","#6FC"];
alnp[1].onclick=function()
{
var str=alnp[0].value;
var arr=str.split("");
for(var i=0;i<arr.length;i++)
{
arr[i]='<span style="background:'+arrColor[i%arrColor.length]+';">'+arr[i]+'</span>';
}
oDiv.innerHTML+=arr.join("");
}
}
</script>
</head>
<body>
<div id="div1"></div>
<input type="text"/>
<input type="button" value="按钮"/>
</body>
</html>
0 0
- split 字符串的剪切 彩色文字效果
- Android字符串的剪切
- AS3.0实现彩色文字效果
- 剪切汉字字符串的代码!
- 字符串的split用法
- 字符串的拆分split
- QString字符串的split
- 字符串的Split()方法
- 字符串的split方法
- 分割字符串(字符串的split)
- 使用split函数提取彩色图像的三个通道
- split函数提取彩色图像的三个通道
- String split 字符串的坑 “|”
- java 字符串的解析(split)
- 字符串的分隔方法 split()
- split的坑-字符串分割
- 精彩的文字效果
- 淡入淡出的文字效果
- 单片机小白学步系列(十二) Proteus仿真软件简介
- bkb is a program to control keyboard/mouse with eyes(2)
- Java垃圾收集器
- jquery获取各种高度
- IPCamera监控软件如何支持joystick遥控手柄控制云台
- split 字符串的剪切 彩色文字效果
- 猴子吃桃的问题
- UISearchDisplayController 的使用
- 《PCANet: A Simple Deep Learning Baseline for Image Classification》精读笔记
- 第9周 项目5-2 程序填充(输入10个数,找出最大值)
- codeforces Round #474--A.Keyboard
- Create deadlock in Grand Central Dispatch
- Cocos2d-x 启用框架DEBUG CCSprite的BoundingBox
- python在eclipse中的中文问题