更方便的复选框 dn001 2009-06-21 08:28:13 <!--要完成此效果需要两个步骤 第一步：把如下代码加入到<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> <!--第二步：把如下代码加入到<body>区域中--> <form name="myform" action="javascript:randomise()"> <input name="wordlist" value="Welcome To 网页教学网" 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>
