当前位置:开发者网络 >> 网页特效 >> 文本特效 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
多色彩特效字代码生成器
日期:2004-05-28   人气:   【字体: 】【收藏此文


<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 2 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中: -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function randomise(){
var words=document.myform.wordlist.value;
var spacer="";
words=words.split(document.myform.randomiseby.options[document.myform.randomiseby.selectedIndex].value)
document.myform.code.value="";
var colourscheme=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F")
for(var time=0;time<=(words.length-1);time++){
if(words[time]==" "){document.myform.code.value+=" "}
if(words[time]!=" "){
spacer=document.myform.randomiseby.options[document.myform.randomiseby.selectedIndex].value;
var c1=Math.round(Math.random()*(colourscheme.length-1));
var c2=Math.round(Math.random()*(colourscheme.length-1));
var c3=Math.round(Math.random()*(colourscheme.length-1));
var c4=Math.round(Math.random()*(colourscheme.length-1));
var c5=Math.round(Math.random()*(colourscheme.length-1));
var c6=Math.round(Math.random()*(colourscheme.length-1));
var size=1+Math.round(Math.random()*6);
document.myform.code.value+="<font color=\"#"+colourscheme[c1]+colourscheme[c2]+colourscheme[c3]+colourscheme[c4]+colourscheme[c5]+colourscheme[c6]+"\" size=\""+size+"\">"+words[time]+"</font>"+spacer+"";
}
}
looks_like.innerHTML=document.myform.code.value;
}
// End -->
</script>



<!-- 第 2 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<form name="myform" action="javascript:randomise()">
<input name="wordlist" value="Welcome To The ChinaWebDev.com" size="50">
<br>
<select name="randomiseby">
<option value="">区分字母</option>
<option value=" ">区分单词</option>
</select><br><br>
<input type="submit" value="显现">
<br><br>
<span id="looks_like"></span>
<br><br>
<textarea name="code" rows="5" cols="50"></textarea>
</form>
</div>