javascript自动改变文字大小和颜色的效果的小例子
更新时间：2013年08月02日 10:19:31 作者：
这篇文章介绍了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>
相关文章
uniapp使用navigateBack方法返回上级页面并刷新的简单示例
最近写uniapp项目的时候发现有时候需要更新页面数据,所以下面这篇文章主要给大家介绍了关于uniapp使用navigateBack方法返回上级页面并刷新的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了javascript弹出页面回传值的方法,实例分析了由a1.html弹出的b1.html回传值的实现方法,非常具有实用价值,需要的朋友可以参考下2015-01-01
点击弹出层，点击后弹出一个登录层，在这个层内的内容调用了一个示例页面2014-03-03
这篇文章主要给大家介绍了关于uniapp实现tabs切换(可滑动)效果的相关资料,tabs切换无论是在app端还是小程序或者H5页面都是很常见的功能,文中通过实例代码介绍的很详细,需要的朋友可以参考下2023-07-07
全面解析JavaScript中apply和call以及bind(推荐)
在javascript中apply、call和bind是三兄弟，很好的搭档，下面小编给大家全面解析JavaScript中apply和call以及bind的相关知识，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了JS正则表达式封装与使用操作,涉及javascript使用正则表达式针对邮箱、手机号、身份证、用户名、中文等简单验证操作技巧,需要的朋友可以参考下2019-05-05
js调用activeX获取u盘序列号的代码，需要的朋友可以参考下。2011-11-11
这篇文章主要介绍了fastadmin中调用js的方法，在文中给大家补充介绍了Fastadmin里面的js运行原理,需要的朋友可以参考下2019-05-05
javascript实现动态导入js与css等静态资源文件的方法
这篇文章主要介绍了javascript实现动态导入js与css等静态资源文件的方法,基于回调函数实现该功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JS和Canvas实现图片的预览压缩和上传功能,实现此功能大概有两步，第一步用户选择需要上传的图片，第二步获取图片资源压缩预览上传，具体实现代码大家参考下本文2018-03-03
最新评论