js紅綠燈css代碼（用js寫紅綠燈）

本文目錄一覽：

• 1、JS加HTML加CSS怎麼製作紅綠燈倒計時？
• 2、JS中製作紅綠燈的代碼？
• 3、360安全瀏覽器3.5和360安全瀏覽器3.9的區別，哪個更好

JS加HTML加CSS怎麼製作紅綠燈倒計時？

我簡單製作了一個，你看是否是你所需要的：

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

title無標題文檔/title

script src=””/script

style type=”text/css”

*{margin:0px;padding:0px;}

.main{border:1px double #ccc;width:300px;height:100px;}

.deng{width:90px;height:90px;float:left;border:3px solid black;background-color:#CCCCCC;border-radius:45px;margin-left:2px;}

.jiShi{margin:5px 10px;color:#FF00FF;}

/style

/head

body

div class=”main”

div class=”deng c0″/div

div class=”deng c1″/div

div class=”deng c2″/div

div class=”jiShi”

00:00:30

/div

H3每隔30秒變換一次/H3

/div

script type=”text/javascript”

window.onload=function(){

let timer,timer2;

let n = 0;

let t = 29;

let colors = [“red”,”green”,”yellow”];

timer = window.setInterval(function(){

if(t==0){

$(“.deng”).css({“backgroundColor”:”#CCC”});

$(“.c” + n).css({“backgroundColor”:colors[n]});

n++;

if(n==3){n=0}

t=30;

}else{

$(“.jiShi”).text(“00:00:” + t);

t–;

}

},1000);

};

/script

/body

/html

JS中製作紅綠燈的代碼？

只能修改頁面統一代碼中的顏色設置: a:hover { color: #FFFFFF; text-decoration: none; } a:visited { color: #fff; text-decoration: none; }

360安全瀏覽器3.5和360安全瀏覽器3.9的區別，哪個更好

個人感覺，360瀏覽器現在越來越慢了，運行後要等幾秒才可以進行操作。想要新功能或覺得舊版有問題的話選新版，否則選舊版。

下面是360官網的更新日誌：

版本：360安全瀏覽器3.9正式版 (第二版)

——————————————————————————–

時間：2011年7月27日

新增：

1、同步皮膚提醒功能，在有新皮膚是出現氣泡提示，同時點擊皮膚按鈕，出現皮膚菜單；

修復：

1、加強了瀏覽器的主頁保護功能；

2、修復了瀏覽器zip包解壓後變為只讀的問題；

版本：360安全瀏覽器3.9正式版

——————————————————————————–

時間：2011年7月7日

改進：

1、瀏覽器啟動速度

深層優化啟動代碼，提升瀏覽器打開速度；

實現按需加載，精簡啟動程序，進一步提升啟動速度；

2、下載速度

下載速度全新升級，最快時較3.8系列版本提升10倍；

有下載任務時，狀態欄“下載按鈕”顯示實時進度，方便用戶知曉。

3、應用盒子

將原來的“實用工具”改為“應用盒子”更易管理使用；

點擊“獲得更多應用”將跳轉到“360應用盒子”網頁，裡面有百款應用程序任你挑選；

添加的應用，實時顯示在工具欄上更加清晰明了；

優化了應用盒子的升級體系，添加、升級應用程序時更加順暢；

改版了360應用盒子頁面，熱門推薦，精細分類，找應用更加方便；

新增了30多款應用程序，滿足您的多樣需求；

新增了應用盒子的智能提醒功能；

新增了應用盒子的支持軟件管家推薦下載功能；

新增了應用盒子的下拉菜單，以及工具欄的右鍵菜單；

4、新增了地址欄和搜索欄內的提示文字；

修復：

1、修復了升級瀏覽器後，不能保存歷史記錄的問題；

2、修復了在工商銀行登錄頁面時，按tab鍵無法切換輸入框的問題；

3、修復了隱藏搜索欄和標準按鈕下面文字後，重啟瀏覽器又出現的問題；

4、修復了在某些情況下，訪問視頻網站後一直提示用戶安裝flash播放器的問題；

5、修復了在多窗口模式下，任務欄在上方時和瀏覽器之間有一段空隙的問題；

6、修復了在卸載瀏覽器後，仍殘留文件safelive.dll和Upgrade.ini的問題；

7、修復了刪除搜索欄中的百度搜索後，重啟瀏覽器仍然顯示百度搜索圖標的問題；

8、修復了最大化啟動時，地址欄附近有閃爍的問題；

9、修復了卸載程序和安裝程序的版本信息為英文的問題；

10、修復了在win7下，關閉任務欄預覽圖時可能導致崩潰的問題；

11、修復了某些情況下，安裝應用盒子中的應用時，安裝對話框卡住的問題；

12、解決部分用戶下載應用初始化失敗的問題。

版本：360安全瀏覽器3.9beta版

——————————————————————————–

時間：2011年6月23日

點此查看詳細內容

時間：2011年6月20日

點此查看詳細內容

時間：2011年6月2日

點此查看詳細內容

版本：360安全瀏覽器3.8正式版（第三版）

——————————————————————————–

時間：2011年6月20日

增加：

1、新增了有新皮膚時的氣泡提醒；

2、新增了點擊皮膚按鈕後的皮膚列表；

3、新增了當有新皮膚時，列表中顯示新皮膚的功能；

4、新增了鼠標放在皮膚名稱上時旁邊顯示的清晰預覽圖；

5、新增了列表中，已安裝皮膚名稱右側的刪除按鈕，方便管理皮膚。

修復：

1、修復了在某些情況下，關閉標籤時，標籤圖標依然殘留的問題；

2、修復了地址欄銘牌認證函數調用時導致崩潰的問題；

3、修復了代理服務器在某些情況下導致崩潰的問題。

版本：360安全瀏覽器3.8正式版（第二版）

——————————————————————————–

時間：2011年6月7日

增加：

1、新增了標籤動畫效果，無縫銜接新建、拖拽、滾動等操作，徹底消除以往的突兀感覺；

版本：360安全瀏覽器3.8正式版

——————————————————————————–

時間：2011年5月27日

增加：

1、新增下載完成後，右下角的氣泡提醒；

2、新增了“工具”菜單中的“主頁設置”選項；

3、新增了“工具”菜單中重要選項前的圖標；

4、新增了標籤右鍵菜單中，“設置為主頁”和“添加到收藏夾”兩個選項；

5、新增了使用“快速保存圖片”成功後的提示窗口，並在裡面添加了打開圖片快捷入口；

6、新增了若干銀行認證網站；

7、新增了九宮格中的搜索框，以及網站大全、應用中心鏈接；

8、新增了九宮格尺寸自適應功能；

9、新增了九宮格中的同類網站的推薦功能；

10、新增了截圖工具中的自動捕捉窗口功能；

11、新增了截圖工具中截圖框可使用鍵盤進行微調的功能；

12、新增了截圖後立即分享到新浪微博功能；

改進：

1、下載功能

新增下載完成後，右下角的氣泡提醒；

修改了下載窗口中點擊“直接打開”時對文件的處理邏輯；

修改新建下載窗口為模態對話框；

修復了QQ中轉站無法下載的問題；

修復了下載後進度列表隱藏的問題；

修復了候選下載列表中沒有“迅雷精簡版的問題”。

2、“主頁設置”

新增了工具菜單和標籤右鍵菜單中的“主頁設置”選項；

主頁設置使用對話框模式，並添加了“將當前頁設為主頁”功能。

3、“工具”菜單

調整了“工具”菜單中部分菜單項位置，分類更合理；

重要菜單項前增加圖標，更易識別。

4、“360官方認證”

優化了“360官方認證”所顯示的各已認證網站的圖標；

針對部分網站啟用了新版的“360官方認證”

5、郵件通

優化用戶體驗，當新用戶點擊“郵件”工具按鈕時，直接彈出”添加郵件提醒賬戶“提示框”；

用戶添加新郵件賬號後，首次打開時，會要求用戶輸入密碼，保障用戶的隱私；

改進數據庫(360webmail.db)備份機制、崩潰後會自動還原。

6、“遊戲”應用

優化了在有遊戲瀏覽器的情況下，點擊“遊戲”應用下拉列表中的遊戲時，將用遊戲瀏覽器打開；

去掉了“遊戲”應用下拉列表的遊戲充值選項；

使用智能彈泡機制，減少對用戶的打擾。

7、九宮格

調整了九宮格布局，由之前的八格增加到九格；

新增了網站大全、應用中心鏈接；

新增了九宮格尺寸自適應功能,任何顯示器都能精美展現；

新增了同類網站的推薦功能；

網站截圖改成了網站LOGO，更清晰明了；

優化了九宮格最常訪問網頁排列算法，排序更準確。

8、截圖

新增了自動捕捉窗口功能，方便截取整個窗口；

新增了截圖後立即分享到新浪微博功能；

截圖區域支持鍵盤微調；方便用戶精準截圖；

截圖過程，全程帶有預覽窗口；

修改了截圖工具默認快捷鍵為ctrl+shift+x。

9、優化了部分啟動代碼，進一步提升主框架打開速度；

10、優化了關閉當前標籤後跳轉到下一個標籤的順序算法。更人性化；

11、修改了菜單欄“幫助-論壇”的鏈接地址；

12、更改了多標籤模式下“收藏夾”標準按鈕名稱為“收藏”，使按鈕名稱可以顯示全；

13、優化了flash加載機制，提升了沒有flash元素頁面的加載速度。

修復：

1、修復了點開菜單欄中的菜單選項後，點擊其他插件按鈕時，產生的閃屏問題；

2、修復了切換瀏覽模式時，標準按鈕文字顯示不正確的問題；

3、修復了使用chrome皮膚時，界面錯亂的問題；

4、修復了視頻獨立播放窗口關閉時，可能導致崩潰的問題；

5、修復了初始化時搜索欄菜單項圖標顯示錯亂的問題；

6、修復了更換皮膚時，可能導致標準按鈕顯示錯亂的問題；

7、修復了一個退出時可能導致崩潰的問題；

8、修改了在中文路徑下安裝360瀏覽器時，提示框中的文字“超強安全模式”為“隔離模式”；

9、修復了卸載360安全瀏覽器（為默認瀏覽器）後，打開外鏈時提示錯誤的問題；

10、修復了win7下，卸載瀏覽器後，任務欄鎖定的圖標刪除失敗的問題；

11、修復了win7下，關閉預覽圖可能導致崩潰的問題；

12、修復了設置網頁縮放比例後，重啟瀏覽器時狀態欄網頁縮放比例顯示不正確的問題；

13、修復了在多標籤模式下，使用chrome樣式皮膚，切換到ie6模式後再切換到多標籤模式時，皮膚沒有記住的問題；

14、修復了當前為新建下載窗口時，關閉後台標籤可能導致的崩潰問題；

15、修復了在優酷網播放影片時可能導致崩潰的問題；

16、修復了在實用工具欄添加新插件，彈出重啟的對話框時，關閉頁面或主框架可能導致崩潰的問題；

17、修復了某些情況下，關閉框架後，導致下載擴展崩潰的問題；

18、修復了某些情況下可能產生崩潰的問題；

19、修復了創建進程的時候可能卡死的問題；

20、修復了頻繁點擊工具菜單項，可能導致崩潰的問題；

21、修復了當皮膚skin.ini中BarBorder的值比較大時，導致搜索欄右側按鈕不顯示的問題。

版本：360安全瀏覽器3.7正式版

——————————————————————————–

時間：2011年3月22日

增加：

1、對IE9內核的全面支持與優化；

2、對主頁啟動速度的優化；

3、新增了團購提醒插件，每天動態更新；

4、新增了郵件通”免打擾”功能，全屏時（遊戲或PPT演講）不進行郵件提醒；

5、新增了截圖時的實時編輯功能，並提供放大預覽窗；

6、新增了文件重複下載的提示，可通過下載設置開啟此功能；

7、新增了地址欄下拉列表中通過“x”按鈕直接刪除網址的功能；

8、新增了瀏覽器“配置文件保護”功能，防止其他程序惡意篡改；

9、新增了遊戲小幫手的賬號導入導出機制，增強安全性；

10、新增了郵件通自定義域名功能；

11、新增了“實用工具”自動清理長時間未使用的插件的功能，以節省空間。（隱藏到實用工具下拉菜單）

改進：

1、九宮格

優化了網站截圖邏輯；

更換了鎖定狀態的圖標；

更新了皮膚，更加美觀；

調整了編輯對話框的布局，更容易使用；

發現用戶變更後，重新初加載用戶目錄下數據，防止數據全部被覆蓋；

改進了js初始化搜索框和九宮格的順序，修改為先初始化搜索欄，再初始化九宮格；

修改九宮格截圖的顯示邏輯。

2、郵件通

支持標準的POP3/IMAP協議檢測新郵件；

收到新郵件後，右下角彈出提示；

增加支持的郵箱數目，超過25個；

增強郵件通的安全性並增加了隱私性設置；

修改了無法使用https登錄頁面的問題；

修改了團購圖標在IE6模式下的顯示問題；

修正了“初始化窗口”下載時，在任務欄出現窗口圖標的問題；

修改了用非msn賬號去登錄msn郵箱，也會彈出添加賬號提示框的問題。

3、遊戲小幫手

優化遊戲小幫手，支持更多遊戲平台的一鍵登錄；

優化賬號多開邏輯。

4、網銀

解決了用戶ie6升級到ie8後，無法使用網銀的問題。

5、瀏覽器醫生

修復某些情況下自動修改ie緩存的問題；

調整界面布局，減少用戶對重裝IE的誤解。

6、隔離模式

修復隔離模式下不攔截惡意主頁的問題；

修復隔離模式首次訪問釣魚網站不攔截的問題；

修復攔截頁在隔離模式下繼續訪問無效的問題。

7、收藏夾

新增了收藏夾靜默導入的接口；

新增了收藏夾中導入文件沒有選擇文件時的適當提示；

新增了收藏夾中首次運行自動導入時，對用戶可以直接登錄網絡收藏夾的提示；

新增了收藏模塊損壞時可自動下載修復的功能；

優化了收藏夾中數據存儲，自動進行壓縮；

修改了收藏夾中的氣泡提示樣式，並將限制放寬到15條；

去掉了收藏夾中立即備份成功後的提示，失敗時仍保留提示。

修復：

1、修復了使用收藏夾提示“收藏夾模塊已損壞”的問題；

2、修復了安裝kb2393802補丁，且未安裝KB979683和KB981852補丁的XP用戶，無法啟動隔離模式的問題；

3、修復了IE6模式下，標準按鈕工具欄文字顯示的問題；

4、修復了地址欄下拉列表項選擇時，有聲音的問題；

5、修改了團購提示框被瀏覽器遮擋的BUG；

6、修復亮紅燈後,在當前標籤頁打開正常網站也會一直紅燈且地址欄變紅的問題；

7、解決下載網銀插件失敗率高的問題；

8、修改了在中文路徑下安裝360瀏覽器時，提示框中的文字“超強安全模式”為“隔離模式”；

9、修復了九宮格中截圖程序多次啟動的問題；

10、修復了九宮格設置中標題為空時，添加網址失效的問題；

11、修復高速渲染模式菜單不會根據白名單變化的bug；

12、修復IE9GPU加速與IE9不一致的問題；

13、修改工具欄自定義按鈕的圖標混亂的問題。

版本：360安全瀏覽器3.6正式版（第三版）

——————————————————————————–

時間：2011年3月4日

增加：

1、空白頁最常訪問：九宮格

新增時下最流行九宮格；

智能選擇或自由設定您最常訪問網站；

2、重磅團購來臨

新添團購推送功能，方便用戶享受深度折扣；

版本：360安全瀏覽器3.6正式版（第二版）

——————————————————————————–

時間：2011年2月17日

增加：

1、郵件通

內置28個域名的郵箱提醒，並且可以使用戶方便的自定義郵箱；

改進IMAP郵箱檢測新郵件機制，盡量減少打擾用戶的次數；

2、安全紅綠燈

增強了對木馬、釣魚、惡意主頁類網址的攔截能力；

版本：360安全瀏覽器3.6正式版

——————————————————————————–

時間：2010年12月9日

增加：

1、全面兼容IE9內核，全新腳本引擎，強勁硬件加速：

解決了IE9內核下，切換標籤時黑屏的問題；

解決了IE9內核下，因第三方插件影響導致瀏覽器運行意外崩潰的問題；

解決了IE9內核下，打開網頁標籤轉變為空白的問題；

解決了IE9內核下，縮放網頁比例不正常的問題；

解決了IE9內核下，進入Gmail郵箱點擊郵件無效的問題；

支持每個頁面獨立啟用高速渲染模式，解決了個別網頁在IE9模式下的兼容問題；

支持HTML5、CSS3，ACID3測試與IE9結果一致；

全面啟用硬件加速功能，打開網頁快速流暢；

2、新增了網銀無憂”U盾控件一鍵安裝，持續減化各種繁複網上支付流程；

增加了對中國郵政儲蓄銀行、華夏銀行、深圳發展銀行、百付寶、快錢、易寶、貝寶的支持；

3、新增”瀏覽器醫生-Flash自動修復”功能：

自動修復崩潰率較高的Flash插件，讓您更順暢的玩網頁遊戲、逛QQ空間、看視頻；

界面優化，更為精緻、清爽；

4、新增收藏夾”智能導入”功能，持續打造貼近您使用習慣的收藏夾，目前已支持下列功能：

智能導入常用網址；

智能忽略垃圾網址；

自動去除空目錄；

新增了收藏欄菜單中的”整理收藏夾”入口；

新增了整理收藏夾功能中的”導入導出”入口；

新增了導入IE收藏夾時”選擇路徑”的功能；

5、新增”360遊戲小助手”，玩網頁遊戲更輕鬆更方便：

支持360遊戲賬戶的綁定，實現一鍵登錄；

支持遊戲不同賬號多開，使用小號更便捷；

新增了遊戲緩存的清理功能，減少系統垃圾；

6、新增了截圖插件的”編輯”功能；

7、”下載管理器”新增了”下載更多軟件”入口，通過軟件管家更安全更快速下載各種軟件；

改進：

1、全面改進了退出邏輯，徹底解決了退出時有圖像殘留在桌面的問題。

2、優化了瀏覽器的異常處理邏輯，降低了因為網頁本身、第三方插件或者系統環境等導致的瀏覽器異常；

3、優化了”安全紅綠燈”的工作邏輯，辨別惡意網址更為快速；

4、優化了首頁加載邏輯，打開首頁速度更快了；

5、優化了收藏夾的菜單結構，布局更為合理；

6、提高了打開網頁時的兼容性，減少了顯示內容錯位等問題；

7、提高了”瀏覽器修復工具”（快捷鍵：F1）的啟動速度，打開更快；

8、提高了瀏覽器自身的穩定性，減少了因其他未知插件導致的卡死等問題；

9、提升了截圖，下載等多個插件的穩定性；

10、修復了”瀏覽器修復工具”之前存在的一些問題；

11、網銀無憂”優化網銀安全控件安裝和升級邏輯，解決反覆提示安裝的問題；

修復：

1、修復了IE6模式下不能隱藏菜單欄的問題；

2、修復了登錄賬戶時點擊恢復按鈕無效的問題；

3、修復了Web旺旺點擊無效的問題；

4、修復了視頻播放小窗口在某些網頁上黑屏的問題；

5、修復了重啟瀏覽器後微博插件可能消失的問題；

6、修復了卸載時某些文件夾未刪除的問題；

7、修復了IE8內核下某些網頁顯示不正常的問題；

8、修復了網絡情況異常時，打開瀏覽器卡死的問題；

9、修復了添加收藏夾標題在某些情況下不正確的問題；

版本：360安全瀏覽器3.5正式版

——————————————————————————–

時間：2010年9月17日

增加：

1、新增了“下載雲安全”功能，智能實時判斷下載文件是否安全；

2、新增了“網銀無憂”功能，自動安裝網銀安全控件，支持國內主流11家銀行以及支付寶、財付通；；

3、新增了“收藏夾一鍵備份”功能，一鍵備份本地收藏夾至網絡帳戶；

4、新增了“QQ空間加速”功能，開啟後打開QQ空間更為快速；

5、新增了自動下載網絡收藏夾網站圖標的功能，方便快速打開收藏網址；

6、新增了瀏覽器醫生“內核修復”功能，一鍵修復受損瀏覽器內核，解決點擊鏈接無法打開等問題；

7、新增狀態欄“瀏覽模式切換”按鈕，快速選擇：

* 默認多標籤模式：所有網頁都在同一窗口打開；

* IE 6 多窗口模式：每個網頁都在不同窗口打開；

改進：

1、優化了插件管理器邏輯，安裝插件後不用重啟即可顯示在插件管理器中；

2、優化了“清除上網痕迹”流程，使用更加簡便、快捷；

3、優化了“域名高亮”邏輯，清楚辨別釣魚惡意網址；

4、調整了“網絡帳戶”登錄入口至菜單欄，騰出收藏欄空間；

5、調整標籤最小寬度至70像素，保障標籤最少能顯示網站圖標和關閉按鈕；

修復：

1、修復了升級系統補丁後隔離模式無法啟動的問題；

2、修復了進入Gmail企業郵箱後，按鈕排列錯亂的問題；

3、修復了點擊塞班論壇收藏按鈕後，提示未登錄的問題；

4、修復了電信中獎頁面輸入驗證碼後異常的問題；

5、修復了某些情況下菜單欄移至瀏覽器左側的問題；

6、修復了自定義F1快捷鍵後，打開“瀏覽器修復工具”的問題；

7、修復了因為廣告過濾導致的打開網頁空白的問題；

8、修復了瀏覽器配置目錄異常導致網絡賬戶提示“收藏夾被佔用”的問題；

9、修復了收藏夾字體變為粗體的問題；