隨機動態文字效果js代碼怎麼寫（javascript動態效果代碼）

本文目錄一覽：

• 1、JS隨機讀取txt文本一行，代碼該怎麼寫啊
• 2、js動畫效果代碼方法
• 3、JS 如何才能隨機選擇文字
• 4、如何用JS生成隨機字

JS隨機讀取txt文本一行，代碼該怎麼寫啊

先判斷瀏覽器，然後讀取xml數據就可以了

//判斷不同的瀏覽器

function InitMf()

{

var mf_change=false;

try {

mf_change = new ActiveXObject(“Msxml2.XMLHTTP”);

} catch (e) {

try {

mf_change = new ActiveXObject(“Microsoft.XMLHTTP”);

} catch (E) {

mf_change = false;

}

}

if (!mf_change typeof XMLHttpRequest!=’undefined’) {

mf_change = new XMLHttpRequest();

}

return mf_change;

}

讀取數據

var xmlHttp = InitMf();

var HTML = “”;

//獲得xml文件

xmlHttp.open(“GET”, xmlfile+”?”+Math.random(), true);

// 設置處理服務器的JS函數，函數又 xmlHttp.onreadystatechange來確定

xmlHttp.onreadystatechange=function() {

//alert(xmlHttp.status);

if (xmlHttp.readyState==4 xmlHttp.status==200) {

//ajax的XML傳輸的解析。獲取解析的數據

var xml = xmlHttp.responseXML;

var node = xml.getElementsByTagName(“item”);//獲得總結點

for(var i = 0 ; i node.length ; i++){

var str_t = “”;

var str_d = “”;

var menuHTML = “”;

var elem = node[i];

//下面開始獲得子節點數據,當然可以繼續循環，獲得更下面的節點

var title = elem.getElementsByTagName(“title”)[0].textContent != undefined ? elem.getElementsByTagName(“title”)[0].textContent : elem.getElementsByTagName(“title”)[0].text;

這些只是部分代碼，不過已經足夠了

js動畫效果代碼方法

1.toggle():

toggle()方法除了模擬鼠標連續單擊事件之外，同時會動態的隱藏改變當前元素的高度，寬度和不透明度，最終切換當前元素的可見狀態。如果元素可見，則切換隱藏狀態，如元素隱藏，切換可見狀態

2.fadeln()與fadeOut();

這兩個方法，實現了淡入和淡出的一個動畫效果，fadeln（）漸顯效果，fadeout（）漸隱效果，兩者結合使用，可把元素隱藏在按鈕中，在通過點擊事件顯示，兩方法只改變元素的透明度，不修改其他屬性

3.fadeToggle();

此方法會動態的改變當前元素的透明度，最終卻換當前元素的可見狀態。如果元素是可見的，則通過淡出效果切換隱藏；如果元素是隱藏的，則通過淡入效果切換可見狀態，不設置參數時，默認0.4秒內發生淡入與淡出的動畫效果

4.fadeTo() ;

fadeln()與fadeOut()方法都是漸隱漸顯，透明度從1到0，從0到1實現一個漸隱漸顯效果，而fadeToggle()方法則是可以控制1-0的透明度，為更好展示透明度的效果，可在頁面中創造一個下拉框，用於保存透明度值，操作下拉框去控制圖片透明度值

5.slideDown(); 與 slideUp() ;

slideDown()可改變元素高度，呈現一個滑動效果，由上往下滑動，直到顯示最終的當前元素，slideUp（）相反，由下往上滑動，直到隱藏最終的當前元素

6.slideToggle();

slideToggle()方法跟slideDown(); 與 slideUp() ;兩個方法有異曲同工之妙，同樣可改變元素的高度，不同於slideDown(); 與 slideUp() ; 的效果， 這個方法是通過點擊事情控制元素的隱藏和顯示

7.animate() ;

這個方法是自定義動畫效果的方法，高度，寬度，透明度，運行速度都是可通過自定義給屬性，這個方法只能改變可以取數字值的css屬性，如：大小，邊框，內外邊距，定位，字體，文本，背景，透明度。

8.stop() ;

停止動畫，stop（）方法能結束當前的動畫，並立即進入到下一個動畫。

JS 如何才能隨機選擇文字

script type=”text/javascript”

//隨機取得數組中的一個

var Arr = [“a”,”b”,”c”,”d”];

var n = Math.floor(Math.random() * Arr.length + 1)-1;

alert(Arr[n]);

/script

將你要隨機的幾段文字寫在數組裡面

如何用JS生成隨機字

直接調用如randomWord(1,6,10)產生6到10位的隨機密碼，如果要顯示出來，要麼alert()，要麼顯示到某個HTML元素中。下面給個簡單示例，你可以保存為html文件後打開TEST 示例效果