60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 代码生成类 >> 正文[打印] [收藏]

你想使一段字符变色吗？用这个吧，可以选择按字符变还是按单词变

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 22:33:26

演示区

脚本说明：

将下面的代码加在<head></head>之间

将下面的代码加在<body></body>之间

<!-- 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>

<br>

<option value="">按字符变化</option>

<option value=" ">按单词变化</option>

</select><br><br>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：经过一些选择后，页面中就自动生成javascript代码，特殊场合用

下一篇教程：类似QQ菜单的代码生成器，如果你想做个QQ菜单的话，用它最简

相关你想使一段字符变色吗？用这个吧，可以选择按字符变还是按单词变的文章：

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 代码生成类 >> 正文[打印] [收藏]

你想使一段字符变色吗？用这个吧，可以选择按字符变还是按单词变

网友评论

全站阅读排行

本类热门教程