更方便的复选框

王朝other·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!--要完成此效果需要两个步骤

第一步:把如下代码加入到<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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航