自定义字符变色

2014-02-27 12:00:44 -0500

一款JS开发的代码工具，快速生成变色字符，让变色代码生成功能变得简单易用，运行本效果后，只需在文本框里输入想要变色的字符即可，然后将生成的代码复制到你的网页中就行了。本变色字符代码工具主要是由JavaScript实现的。
代码演示
变色字符生成器自定义字符变色

代码复制

<HTML>
<HEAD>
<TITLE>变色字符生成器</TITLE>
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
	FONT: 9pt "宋体"; CURSOR: hand; COLOR: #FFF0F5
}
.STYLE1 {
	color: #0000FF;
	font-weight: bold;
	font-family: "黑体";
	font-size: 30px;
}
.STYLE2 {
	font-size: 40px;
	font-family: "华文行楷";
	color: #00FF00;
}
</STYLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9>
<CENTER>
  <span class="STYLE2">自定义字符变色</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#FF00FF border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle>
      <SCRIPT language=JavaScript>

</SCRIPT>
      <DIV align=center>
      <FORM name=myform action=javascript:randomise()><INPUT size=50 
      value="欢迎光临 welcome" 
      name=wordlist> <BR><SELECT name=randomiseby> <OPTION value="" 
        selected>按字符变化</OPTION> <OPTION value=" ">按单词变化</OPTION></SELECT><BR><BR><INPUT type=submit value="come"> 
      <BR><BR><SPAN id=looks_like></SPAN><BR><BR>
      <textarea name=code rows=5 cols=50>

«Newer Older»

Comment:

Name:

Back to home

Subscribe | Register | Login | N