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>
相關文章
javascript css在IE和Firefox中區(qū)別分析
我們討論的主題CSS網頁布局，最令大家頭疼的問題就是瀏覽器兼容性，雖然52CSS.com介紹過很多這方向的知識，但依然讓很多開發(fā)人員暈頭轉向，今天的這篇文章，將列出css和javascript在IE和Firefox中二十三個不同點，希望對大家的學習有所幫助。2009-02-02
這篇文章主要為大家詳細介紹了JavaScript實現登錄窗體，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章介紹了JS異步的執(zhí)行順序，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
js作用域是前端開發(fā)必掌握的基礎知識。這篇文章主要介紹了javascript中的作用域的相關資料,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了如何利用JavaScript實現批量重命名文件,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2024-12-12
JS小功能(setInterval實現圖片效果顯示時間)實例代碼
這篇文章主要介紹了setInterval實現圖片效果顯示時間實例代碼，有需要的朋友可以參考一下2013-11-11
在本篇文章里小編給大家分享了關于js取小數點后兩位四種方法和實例代碼，需要的朋友們學習下。2019-01-01
這篇文章主要為大家詳細介紹了JavaScript實現打地鼠小游戲的相關代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了js實現頁面圖片消除效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript函數柯里化是一種將接受多個參數的函數轉換為一系列接受單個參數的函數的技術。本文將通過簡單的示例為大家詳細講講函數柯里化的相關應用，需要的可以參考一下2023-04-04