javascript實現自定義進度條

2021-09-01 19:28:14 字數 774 閱讀 3074

直接給**:

/**

*返回瀏覽器型別(ie,firefox,opera)

*/function getbrowser();

if(browser["isie"]==true);

if(browser["isfirefox"]==true);

if(browser["isopera"]==true);

return type;

}/**

*生成靜態進度條

*@param progress 進度(例如:10/120,也可為文字:進度不正常時的提示文字)

*@param id 進度條id

*@param color 進度條顏色

*/function processbar(progress,id,color)else if(browser.tolowercase()=='firefox')else if(browser.tolowercase()=='opera')

var processstr = "";

if(parseint(progress)<90)else if(parseint(progress)>=90)else

return processstr;

}

應用效果預覽:

大家注意生成進度條時傳入id,這個id就給了大家豐富的想象空間,有個這個id就可以幹很多事哦~

JavaScript自定義事件

最近遇到乙個基於jquery專案,專案中的功能節點頁面都是通過iframe實現,但是各個iframe之間有時需要相互通訊,互相相應一些事件,為了更愉快的編碼所以想到了自定義事件,還別說用起來竟然有點像vue的元件通訊 top.events if this.handles name else this...

Javascript自定義事件

事件是與dom互動的最常見的方式,但它也可以用於非dom 中 通過實現自定義事件.實現自定義事件的原理是建立乙個管理事件的物件.如下 是事件的定義 function eventtarget 儲存事件處理程式,由n個鍵值對組成,鍵表示事件名,值是乙個由事件處理程式組成的陣列 eventtarget.p...

JavaScript自定義事件

最近遇到乙個基於jquery專案,專案中的功能節點頁面都是通過iframe實現,但是各個iframe之間有時需要相互通訊,互相相應一些事件,為了更愉快的編碼所以想到了自定義事件,還別說用起來竟然有點像vue的元件通訊 top.events if this.handles name else this...