javascript自动改变文字大小和颜色的效果的小例子
2013-08-02 00:00
441 查看
<body bgcolor="#000000"> <div id="text" style="font-size:20px;">你好,这是一段改变文字大小和颜色的javascript代码</div> <script type="text/javascript"> var size = 20; var falg = 1; function colortext() { //获取文字的大小 document.getElementById("text").style.color = getcolor(); document.getElementById("text").style.fontSize = getSize(); } //设置文字颜色 function getcolor() { var mycolor = "#"; var color ="123456789abcdef"; var colorcode = color.split(""); for(var i=0;i<6;i++) { mycolor+=colorcode[Math.floor(15*Math.random())]; } return mycolor; } //返回字体大小 function getSize() { if(falg == 1) { size = size+1; if(size == 60) falg = 0; return size; } if(falg == 0) { size = size-1; if(size == 20) falg = 1; return size; } } setInterval("colortext()",200); </script> </body>
相关文章推荐
- javascript自动改变文字大小和颜色的效果的小例子
- 自动改变文字大小和颜色的javascript效果
- android TextView 首行缩进与部分文字改变颜色大小效果
- Javascript 动态编程--动态设置网页元素是否可见,是否可用,改变大小,动态插入文字,进度条,动态改变背景例子
- WebView改变网页文字大小、颜色,背景颜色
- 给TextView加上多彩效果:改变部分字体的大小和颜色
- JavaScript学习笔记8--一个文字自动匹配的例子
- Android 修改原生NumberPicker数字选择器的分隔线颜色、文字颜色和大小,同时利用PopupWindow和补间动画自定义弹出效果
- 给TextView加上多彩效果:改变部分字体的大小和颜色
- iOS_UIWebView背景颜色、文字颜色、文字大小的改变
- 拖动滑块改变图片大小和背景颜色的代码例子
- MFC中改变编辑框文字大小、颜色的方法
- Textview中部分文字改变大小颜色的方法
- iOS开发绘制三角形和添加文字改变文字大小颜色
- TextView的点击效果---文字颜色改变
- 给TextView加上多彩效果:改变部分字体的大小和颜色
- javascript学习实录 之九(选择样式,改变文字效果) -- 刘小小尘
- 自定义TextView任意长度文本下自动改变文字大小以完全显示
- CSS改变网页中鼠标选中文字背景颜色例子
- WPS文字给字体添加纹理效果快速改变输入文字的颜色