javascript自动改变文字大小和颜色的效果

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索颜色
, color
, 大小
, 文字
, var
getelementbyid
javascript 改变文字、cad怎么改变文字大小、cad改变文字大小、cad如何改变文字大小、ps改变文字大小,以便于您获取更多的相关知识。

时间: 2024-09-08 11:17:28

javascript自动改变文字大小和颜色的效果的相关文章

javascript自动改变文字大小和颜色的效果的小例子

这篇文章介绍了javascript自动改变文字大小和颜色的效果的小例子,有需要的朋友可以参考一下   复制代码 代码如下: <body  bgcolor="#000000">  <div id="text"  style="font-size:20px;">你好,这是一段改变文字大小和颜色的javascript代码</div>  <script type="text/javascript&quo

javascript自动改变文字大小和颜色的效果的小例子_javascript技巧

复制代码 代码如下: <body  bgcolor="#000000">  <div id="text"  style="font-size:20px;">你好,这是一段改变文字大小和颜色的javascript代码</div>  <script type="text/javascript">  var size = 20;  var falg = 1;  function col

ndroid图片-Android在图片上动态输入文字,并可以改变文字大小,颜色和显示框!

问题描述 Android在图片上动态输入文字,并可以改变文字大小,颜色和显示框! 大神求赐教,现在我要做一个图片上动态输入文字的效果,就是点击图片的某一个位置显示一个文本输入框editText,然后在文本输入框里面输入文字,而且输入的文字可以改变字体的大小和颜色,点击确定将文字显示在图片上!求大神!

JS+CSS实现自动改变切换方向图片幻灯切换效果的方法

 这篇文章主要介绍了JS+CSS实现自动改变切换方向图片幻灯切换效果的方法,实例分析了javascript操作图片切换方向的幻灯片技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS+CSS实现自动改变切换方向图片幻灯切换效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

JS+CSS实现自动改变切换方向图片幻灯切换效果的方法_javascript技巧

本文实例讲述了JS+CSS实现自动改变切换方向图片幻灯切换效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

dhtmlxTree用setItemColor()改变选中节点的颜色没效果

问题描述 dhtmlxTree用setItemColor()改变选中节点的颜色没有任何改变,求助各位高手...

JavaScript 动态改变图片大小_javascript技巧

最近由于项目需要,在实现图片的时候,若图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小.经过研究发现,可以用Javascript代码简单实现. Javascript代码: 复制代码 代码如下: <script> function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; } </script> 页面代码: 复制

利用PHP和CSS改变网页文字大小

  用PHP和CSS改变网页文字大小--在设计网站的时候,要牢记一点:并不是所有的访问者都是神采奕奕的年轻人,而且他们也不一定完全熟悉Web浏览器的各种使用方法. 在设计网站的时候,要牢记一点:并不是所有的访问者都是神采奕奕的年轻人,而且他们也不一定完全熟悉Web浏览器的各种使用方法.聪明的设计者了解这一点,他们常常将各种特殊的可访问特性融入网站的设计中,这样,即使是年长者或是残疾人士都可以方便舒适地使用网站,而不必花费额外的力气. 文本大小调节器是最有效的可访问特性中的一个,任何网站都可能需要

Word2007多种改变字体大小的技巧

  对Word文档中字体大小的修改设置也是我们经常要操作到的.有时候一篇文档常常要分别对标题和正文字体大小进行设置,这样看起来整体大方,当然也有为了文档看到更加舒服,字体变大也是常有的事. 方式一:选中需要改变字体大小的文本块,然后在"开始"功能区的"字体"分组中单击"字号"下拉三角按钮,在字号下拉列表中选择合适的字体大小. 字体大小 方式二:选中需要改变字体大小的文本块,在"开始"功能区的"字体"分组中,