我的一亩三分地 我就喜欢!
网站首页
网管
论坛
环境保护
方便网址
网管助手
软件
下载
网站地图
设为主页
收藏本站
当前位置: >
一亩三分地:首页
>
网络学院
>
网页设计
>
JS特效
>
变色代码生成程序
上下滚动的文字
(10-21)
状态栏字母大小写转换
(10-21)
网页中播放音乐的实现方法代码
(11-24)
Javascript:window对象的方法
(11-24)
如何防止被IE工具拦截导致无法弹出窗
(11-24)
模仿QQ和MSN消息提示的效果
(11-13)
可展开的导航菜单
(10-21)
下拉式导航菜单
(10-21)
简单实用的下拉菜单
(10-21)
主页制作器
(10-21)
变色代码生成程序
作者:
来源:
点击:
日期:
2006-10-21
变色代码生成程序
下面为效果显示
按字符变化
按单词变化
W
e
l
c
o
m
e
t
o
j
z
z
y
t
h
a
n
k
y
o
u
I
l
o
v
e
j
a
v
a
s
c
r
i
p
t
v
e
r
y
m
u
c
h
<font color="#A915D7" size="4">W</font><font color="#4D9A89" size="6">e</font><font color="#69B11D" size="2">l</font><font color="#8B4961" size="3">c</font><font color="#6D9B21" size="5">o</font><font color="#83263A" size="4">m</font><font color="#100FCE" size="1">e</font> <font color="#29EB4A" size="6">t</font><font color="#57A296" size="3">o</font> <font color="#D9E7A5" size="3">j</font><font color="#CEDAFA" size="6">z</font><font color="#6521CE" size="4">z</font><font color="#30CE12" size="2">y</font> <font color="#520D64" size="3">t</font><font color="#DC4442" size="4">h</font><font color="#80B2AE" size="3">a</font><font color="#414924" size="3">n</font><font color="#8DE268" size="3">k</font> <font color="#180A74" size="5">y</font><font color="#535982" size="5">o</font><font color="#C2A9D2" size="3">u</font> <font color="#255594" size="5">I</font> <font color="#182598" size="5">l</font><font color="#527426" size="2">o</font><font color="#D2C5BA" size="5">v</font><font color="#AFAB47" size="2">e</font> <font color="#30D7FB" size="5">j</font><font color="#6458D7" size="3">a</font><font color="#C5D521" size="7">v</font><font color="#6CA322" size="5">a</font><font color="#89DEE2" size="6">s</font><font color="#88851C" size="3">c</font><font color="#7885B2" size="3">r</font><font color="#B7BAE0" size="6">i</font><font color="#CAED39" size="6">p</font><font color="#ED878A" size="1">t</font> <font color="#CFC119" size="6">v</font><font color="#AA39DE" size="2">e</font><font color="#EE5782" size="1">r</font><font color="#428A1B" size="5">y</font> <font color="#C77A58" size="2">m</font><font color="#0B63CB" size="7">u</font><font color="#5DAD6D" size="2">c</font><font color="#11B737" size="3">h</font>
脚本说明: 把如下代码加入<body>区域中 <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> <div align="center"> <form name="myform" action="javascript:randomise()"> <input name="wordlist" value="Welcome to jzzy thank you I love javascript very much" size="50"> <br> <select name="randomiseby"> <option value="">按字符变化</option> <option value=" ">按单词变化</option> </select><br><br> <input type="submit" value="Do it"> <br><br> <span id="looks_like"></span> <br><br> <textarea name="code" rows="5" cols="50">
【
文章评论
】 【
收藏本文
】 【
推荐好友
】 【
打印本文
】 【
论坛讨论
】
相关文章:
·
颜色代码生成器
·
改变浏览者的鼠标型状
·
CSS实现样式布局22招
·
html编辑器的回车换行问题解决方案
·
HTML-加速、再加速
·
在DW中插入Flash 的参数详解
文章评论:
(条)
请留名:
匿名评论
点击查看所有评论
网管论坛
责任编辑:
一分
声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。