當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 隨機動態文字效果JS代碼怎么寫

隨機動態文字效果JS代碼怎么寫

2012/10/22 12:52:59作者：佚名來源：網絡

移動端

【實例名稱】

隨機動態文字效果

【實例描述】

隨機性的動態文字，對文字的顏色、大小等都沒有固定。此效果就是把一些不規則的字體拼湊在一起。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<script>
var s=new Array("LOVE","晚上","看","電影","9點","必須",
"秘密開始行動","如見","不到","請等待","10點","不見","趕緊閃人！")
function txtFont(str){
    var n=Math.floor(Math.random()*5);
    var obj1=document.createElement("B");           //創建黑體標簽
    var obj2=document.createElement("font");        //創建字體標簽
    obj2.size=Math.floor(Math.random()*5+4);        //隨機字體大小
    obj2.innerText=str                             
    if(n>4){
     obj2.size=20                                //設置字體大小
     obj1.appendChild(obj2);                     //添加字體標簽到黑體標簽內
     return obj1.outerHTML                       //輸出
    }else{
     return obj2.outerHTML
    }
}
for(var i=0;i<10;i++)
document.write(txtFont(s[i])+" ")                  //輸出內容  
</script>
</head>
<body>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例的重點是隨機字體的選取，以及動態創建標簽?！癇”標簽表示字體為“黑體”，“font”標簽用來設置字體的大小“Math random”用來獲取。0~l之間的隨機數，“Mathfloor“取數據的整數部分。

【源碼下載】

本實例JS代碼下載

標簽：文字 JS代碼

上一篇：JS代碼實現文字幻燈片
下一篇：JS代碼實現textarea的自動滾動

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频