Полная коллекция английских цветовых кодов (Часть 3)

<STYLE type=text/css>#menubar { BACKGROUND: rgb(212,208,200); ШРИФТ: меню; КУРСОР: по умолчанию; ПОЛОЖЕНИЕ: относительное } #menubar .root { ПРАВАЯ ГРАНИЦА: rgb(212,208,200) 1px сплошной; ЗАПОЛНЕНИЕ СПРАВА: 2 пт; BORDER-TOP: rgb(212,208,200) 1 пиксель, сплошной; ЗАПОЛНЕНИЕ СЛЕВА: 2 пт; СЛЕВА-ГРАНИЦА: rgb(212,208,200) 1 пиксель, сплошной; BORDER-BOTTOM: rgb(212,208,200) 1 пиксель, сплошной } #menubar TABLE { BORDER-RIGHT: серый, 2 пикселя, сплошной; ЗАПОЛНЕНИЕ-ПРАВО: 0pt; BORDER-TOP: #eeeeee 2 пикселя сплошной; ДИСПЛЕЙ: нет; ЗАПОЛНЕНИЕ-ЛЕВО: 0pt; ФОН: RGB(212 208 200); ЗАПОЛНЕНИЕ-НИЖНЯЯ: 0pt; ПОЛЯ: 0 пунктов; ШРИФТ: меню; ЛЕВАЯ ГРАНИЦА: #eeeeee 2 пикселя, сплошная; PADDING-TOP: 0pt; ГРАНИЦА-НИЖНЯЯ: серая, 2 пикселя, сплошная; ПОЛОЖЕНИЕ: абсолютное } #menubar TABLE TD { ЗАПОЛНЕНИЕ-ПРАВО: 15pt; ЗАПОЛНЕНИЕ СЛЕВА: 12 пт; НАКЛАДКА-НИЖНЯЯ: 2 пт; ПОЛЯ: 0 пунктов; PADDING-TOP: 2pt } #menubar .highlight { BACKGROUND: #08246b; ЦВЕТ: белый } #menubar .disabledhighlight {ФОН: rgb(212,208,200); ЦВЕТ: серый } #menubar #break { ЦВЕТ: серый } #menubar .disabled { ЦВЕТ: серый } #menubar #break { PADDING-RIGHT: 0pt; ЗАПОЛНЕНИЕ-ЛЕВО: 0pt; ЗАПОЛНЕНИЕ-НИЖНЯЯ: 0pt; ПОЛЯ: 0 пунктов; PADDING-TOP: 0pt } #menubar SPAN.more { PADDING-RIGHT: 0pt; ЗАПОЛНЕНИЕ-ЛЕВО: 0pt; СЛЕВА: 14 пт; ПЛАВАНИЕ: вправо; ЗАПОЛНЕНИЕ-НИЖНЯЯ: 0pt; ПОЛЯ: 0 пунктов; ШРИФТ: 9 пт; ШИРИНА: 0,8ем; PADDING-TOP: 0pt; ПОЛОЖЕНИЕ: относительное; ВЕРХУ: -2пт; ВЫСОТА: 9pt } #menubar .TBHandle { BORDER-RIGHT: buttonshadow 1px сплошной; BORDER-TOP: выделение кнопки 1 пиксель сплошное; РАЗМЕР ШРИФТА: 1 пиксель; BORDER-LEFT: подсветка кнопки 1 пиксель сплошная; ШИРИНА: 3 пикселя; ПОЛОЖЕНИЕ: абсолютное; ВЕРХУ: 1 пиксель; ВЫСОТА: 22 пикселя; BACKGROUND-COLOR: меню } #menubar .yToolbar { BORDER-RIGHT: buttonshadow 1px сплошной; BORDER-TOP: выделение кнопки 1 пиксель сплошное; СЛЕВА: 0 пикселей; BORDER-LEFT: подсветка кнопки 1 пиксель сплошная; BORDER-BOTTOM: тень кнопки 1 пиксель, сплошная; ПОЛОЖЕНИЕ: относительное; ВЕРХУ: 0 пикселей; ВЫСОТА: 27 пикселей; BACKGROUND-COLOR: меню } .handbtn { BORDER-RIGHT: buttonshadow 1px сплошной; BORDER-TOP: выделение кнопки 1 пиксель сплошное; ФОН: кнопка; BORDER-LEFT: подсветка кнопки 1 пиксель сплошная; ШИРИНА: 3 пикселя; BORDER-BOTTOM: тень кнопки 1 пиксель, сплошная; ВЫСОТА: 21 пиксель } .sepbtn1 { BORDER-RIGHT: buttonhighlight 1 пиксель сплошной; BORDER-LEFT: выступ тени кнопки 1 пиксель; WIDTH: 2px } </STYLE> <SCRIPT Language=javascript> //数组名+次序号码 //数组内容第一个值为标题 //"样式名称","字体颜色","名称","连接" ,"目标窗口" OutBarFolder1=new Array( "系统功能", "none","default","新建管理人员","add","_blank", "none","default","浏览管理人员" ,"none","_blank", "none","default","修改管理人员资料","none","_blank", "none","default","更改密码","none"," _blank", "none", "default", "权限分配", "none", "none", "break", "default", "<hr>", "none", "none", "none", "по умолчанию","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add ","_blank", "break","default","<hr>","none","none", "none","default","备份数据","none","_top", " none","default","恢复数据","none","_top", "break","default","<hr>","none","none", "none","default", "更改个人资料","none","_blank", "none","default","更改个人密码","none","_blank", "break","default","<hr>", "none", "none", "none", "default", "退出管理系统", "none","_top" ); OutBarFolder2=new Array( "系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none ","default","权限分配","none","none", "break","default","<hr>","none","none", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员"," add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank" , "break","default","<hr>","none","none", "none","default","备份数据","none","_top", "none","default ","恢复数据","none","_top", "break","default","<hr>","none","none", "none","default","更改个人资料" ,"none","_blank", "none","default","更改个人密码","none","_blank", "break","default","<hr>","none"," none", "none", "default", "退出管理系统", "none","_top" ); OutBarFolder3=new Array( "系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none ","default","权限分配","none","none", "break","default","<hr>","none","none", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员"," add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank" , "break","default","<hr>","none","none", "none","default","备份数据","none","_top", "none","default ","恢复数据","none","_top", "break","default","<hr>","none","none", "none","default","更改个人资料" ,"none","_blank", "none","default","更改个人密码","none","_blank", "break","default","<hr>","none"," none", "none", "default", "退出管理系统", "none","_top" ); var childActive = null var menuActive = null var LastHighlight = null var active = false function getReal(el) { // Находим элемент ячейки таблицы в родительской цепочке */ temp = el while ((temp!=null) && (temp. tagName!="TABLE") && (temp.className!="root") && (temp.id!="menuBar")) { if (temp.tagName=="TD") el = temp temp = temp.parentElement } return el } function raiseMenu(el) { el.style.borderLeft = "1px #08246B Solid" el.style.borderTop = "1px #08246B Solid" el.style.borderRight = "1px #08246B Solid" el.style. borderBottom = "1px #08246B сплошной" el.style.background = "#B5BED6" } functionclearHighlight(el) { if (el==null) return el.style.borderRight = "1px светло-серый сплошной" el.style.borderBottom = "Светло-серый сплошной 1 пиксель" el.style.borderTop = "Сплошной светло-серый 1 пиксель" el.style.borderLeft = "Сплошной светло-серый 1 пиксель" el.style.background = "rgb(212,208,200)" } function мойкаMenu(el) { el.style. borderRight = "1 пиксель #EEEEEE сплошной" el.style.borderBottom = "1 пиксель #EEEEEE сплошной" el.style.borderTop = "1 пиксель серый сплошной" el.style.borderLeft = "1 пиксель серый сплошной" el.style.background = "rgb (212,208,200)" } function MenuHandler(menuItem) { // Пишем здесь общие обработчики меню! // Возврат true сворачивает меню. Возврат false не сворачивает меню return true } function getOffsetPos(который,el,tagName) { var pos = 0 // el["offset" + that] while (el.tagName!=tagName) { pos+=el["offset " + that] el = el.offsetParent } return pos } function getRootTable(el) { el = el.offsetParent if (el.tagName=="TR") el = el.offsetParent return el } function getElement(el,tagName) { while ((el!=null) && (el.tagName!=tagName) ) el = el.parentElement return el } functionprocessClick() { var el = getReal(event.srcElement) if ((getRootTable(el).id =="menuBar") && (active)) { cleanupMenu(menuActive)clearHighlight(menuActive) active=falselastHighlight=null doHighlight(el) } else { if ((el.className=="root") || (!menuHandler (el))) doMenuDown(el) else { if (el._childItem==null) el._childItem = getChildren(el) if (el._childItem!=null) return; if ((el.id!="break") && (el.className!="disabled") && (el.className!="disabledhighlight") && (el.className!="clear")) { if (menuHandler (el)) { cleanupMenu(menuActive)clearHighlight(menuActive) active=falselastHighlight=null } } } } } function getChildren(el) { var tList = el.children.tags("TABLE") var i = 0 while (( i<tList.length) && (tList[i].tagName!="TABLE")) i++ if (i==tList.length) return null else return tList[i] } function doMenuDown(el) { if (el. _childItem==null) el._childItem = getChildren(el) if ((el._childItem!=null) && (el.className!="disabled") && (el.className!="disabledhighlight")) { // Производительность Оптимизация — кэшировать дочерний элемент ch = el._childItem if (ch.style.display=="block") { removeHighlight(ch.active) return } ch.style.display = "block" if (el.className=="root) ") { ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2 ch.style.pixelLeft = el.offsetLeft + 1 if (ch.style.pixelWidth==0) ch.style.pixelWidth = ch.rows[ 0].offsetWidth+50 мойкаMenu(el) active = true MenuActive = el } else { childActive = el ch.style.pixelTop = getOffsetPos("Top",el,"TABLE") -3 // el.offsetTop + el. offsetParent.offsetTop - 3 ch.style.pixelLeft = el.offsetLeft + el.offsetWidth if (ch.style.pixelWidth==0) ch.style.pixelWidth = ch.offsetWidth+50 } } } function doHighlight(el) { el = getReal(el) if ("root"==el.className) { if ((menuActive!=null) && (menuActive!=el)) {clearHighlight(menuActive) } if (!active) { raiseMenu(el) } else SinMenu(el) if ((active) && (menuActive!=el)) { cleanupMenu(menuActive) doMenuDown(el) } MenuActive = ellastHighlight=null } else { if (childActive!=null) if (!childActive.contains (el)) closeMenu(childActive, el) if (("TD"==el.tagName) && ("clear"!=el.className)) { var ch = getRootTable(el) if (ch.active!=null ) { if (ch.active!=el) { if (ch.active.className=="disabledhighlight") ch.active.className="disabled" else ch.active.className="" } } ch.active = el LastHighlight = el if ((el.className=="disabled") || (el.className=="disabledhighlight") || (el.id=="break")) el.className = "disabledhighlight" else { if (el.id!="break") { el.className = "highlight" if (el._childItem==null) el. _childItem = getChildren(el) if (el._childItem!=null) { doMenuDown(el) } } } } } } function removeHighlight(el) { if (el!=null) if ((el.className=="disabled" ) || (el.className=="disabledhighlight")) el.className="disabled" else el.className="" } function cleanupMenu(el) { if (el==null) return for (var i = 0; i < el.all.length; i++) { var item = el.all[i] if (item.tagName=="TABLE") item.style.display = "" removeHighlight(item.active) item.active=null } } function closeMenu(ch, el) { var start = ch while (ch.className!="root") { ch = ch.parentElement if (((!ch.contains(el)) && (ch.className!= "root"))) { start=ch } } cleanupMenu(start) } function checkMenu() { if (document.all.menuBar==null) return if ((!document.all.menuBar.contains(event.srcElement) ) && (menuActive!=null)) {clearHighlight(menuActive) closeMenu(menuActive) active = false MenuActive=null choiceActive = null } } function doCheckOut() { var el = event.toElement if ((!active) && (menuActive! =null) && (!menuActive.contains(el))) {clearHighlight(menuActive)menuActive=null } } functionprocessKey() { if (active) { switch (event.keyCode) {case 13:lastHighlight.click(); перерыв; случай 39: // правильно, если ((lastHighlight==null) || (lastHighlight._childItem==null)) { var idx = menuActive.cellIndex // if (idx==menuActive.offsetParent.cells.length-2) if (idx==getElement(menuActive,"TR").cells.length-2) idx = 0 else idx++ newItem = getElement(menuActive,"TR").cells[idx] } else { newItem =lastHighlight._childItem.rows[ 0].cells[0] } doHighlight (newItem) перерыв; случай 37: //left if ((lastHighlight==null) || (getElement(getRootTable(lastHighlight),"TR").id=="menuBar")) { var idx = menuActive.cellIndex if (idx==0 ) idx = getElement(menuActive,"TR").cells.length-2 else idx-- newItem = getElement(menuActive,"TR").cells[idx] } else { newItem = getElement(lastHighlight,"TR") while (newItem.tagName!="TD") newItem = newItem.parentElement} doHighlight (newItem) перерыв; случай 40: // вниз, если (lastHighlight==null) { itemCell = MenuActive._childItem curCell=0 curRow = 0 } else { itemCell = getRootTable(lastHighlight) if (lastHighlight.cellIndex==getElement(lastHighlight,"TR"). cell.length-1) { curCell = 0 curRow = getElement(lastHighlight,"TR").rowIndex+1 if (getElement(lastHighlight,"TR").rowIndex==itemCell.rows.length-1) curRow = 0 } else { curCell = LastHighlight.cellIndex+1 curRow = getElement(lastHighlight,"TR").rowIndex } } doHighlight(itemCell.rows[curRow].cells[curCell]) перерыв; случай 38: // вверх if (lastHighlight==null) { itemCell = MenuActive._childItem curRow = itemCell.rows.length-1 curCell= itemCell.rows[curRow].cells.length-1 } else { itemCell = getRootTable(lastHighlight) ) if (lastHighlight.cellIndex==0) { curRow = getElement(lastHighlight,"TR").rowIndex-1 if (curRow==-1) curRow = itemCell.rows.length-1 curCell= itemCell.rows[curRow] .cells.length-1 } else { curCell =lastHighlight.cellIndex - 1 curRow = getElement(lastHighlight,"TR").rowIndex } } doHighlight(itemCell.rows[curRow].cells[curCell]) перерыв; if (lastHighlight==null) { curCell = menuActive._childItem curRow = curCell.rows.length-1 } else { curCell = getRootTable(lastHighlight) if (getElement(lastHighlight,"TR").rowIndex==0) curRow = curCell .rows.length-1 else curRow = getElement(lastHighlight,"TR").rowIndex-1 } doHighlight(curCell.rows[curRow].cells[0]) перерыв; } } } function make_menu() { document.write("<table width='100%' cellpadding='0' cellpacing='0' border='0' style='background=rgb(212,208,200); BACKGROUND: buttonface; BORDER-BOTTOM: тень кнопки 1 пиксель сплошная; BORDER-LEFT: подсветка кнопки 1 пиксель сплошная; BORDER-RIGHT: тень кнопки 1 пиксель сплошная;'>"); document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>"); document.write("<TABLE ID=menuBar ONSELECTSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'><TR >"); j=1; while(eval("window.OutBarFolder"+j)) j++; я = 1; while(i<j) { Folder=eval("OutBarFolder"+i) document.write("<TD NOWRAP CLASS=root>"+Folder[0]+"<TABLE CELLSPACING=0 CELLPADDING=0>"); СделатьЭлементы (Папка); document.write("</TABLE>"); я++; } document.write("</TD></TR></TABLE>"); document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>"); } Функция MakeItems(Folder) { var items=0; while(Folder[items+1]) items+=5; предметы/=5; for(var i=1;i<items*5;i+=5) { /* if(Folder[i+1]=="BREAK") { document.write("<TD NOWRAP ID=break><HR> </TD>"); } else { document.write("<TR><TD NOWRAP>"+Folder[i+1]+"</TD></TR>"); } */ document.write("<TR><TD NOWRAP"+((Folder[i+0]=="none")?"":" ID='"+Folder[i+0]+"'" )+((Folder[i+3]=="none")?"":" onclick="go(1,'"+Folder[i+3]+"')"")+">" +((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i +1]=="default")?"":"</font>")+"</TD></TR>"); //alert("<TR><TD NOWRAP "+((Folder[i+0]=="none")?"":"ID='"+Folder[i+0]+"'")+( (Folder[i+3]=="none")?"":" onclick=go(1,'"+Folder[i+3]+"')")+">"+((Folder[i+ 1]=="по умолчанию")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="по умолчанию ")?"":"</font>")+"</TD></TR>"); } } function go(i,iurl) { переключатель (i) { случай 1: родитель.локация=iurl;break; // недопустимый случай 2: top.main.location='login.htm';break; //登录 случай 3: top.main.location='shenqing.htm';break; // пример случая 4: top.main.location='addnew.asp';break; // 增加新贴 случай 5: top.main.location='index1.asp';break; // пример случая 6: // новый вариант var obj=top.main var str=obj.location.href; if(str.indexOf("index1")>0) obj.location="index1.asp@page="+obj.document.all("ppage").value; еще obj.location="index1.asp"; перерыв; случай 7: //下一页 var obj=top.main var str=obj.location.href; if(str.indexOf("index1")>0) obj.location="index1.asp@page="+obj.document.all("npage").value; еще obj.location="index1.asp"; перерыв; случай 8: // 最后一页 var obj=top.main var str=obj.location.href; if(str.indexOf("index1")>0) obj.location="index1.asp@page="+obj.document.all("epage").value; еще obj.location="index1.asp"; перерыв; случай 9: top.main.location='editinfo.asp';break; случай 10: top.main.location='quit.asp';break; случай 11: top.main.location='userinfo.asp';break; случай 12: var newwin=top.open("http://www.downcodes.com"); новыйвин.фокус(); перерыв; } } make_menu(); </СКРИПТ>